CodePen

HTML

            
               
  <ul id="theglobe">
    <li id="navs01"><a href="#" >list item 1  </a></li>
    <li id="navs02"><a href="#" >list item 2 </a></li>
    <li id="navs03"> list item 3 </li>
</ul>
 
 
 
            
          
!

CSS

            
              	
  #theglobe li, #theglobe a {
    height: 56px;
    display: block;
	
}

 #theglobe li {
    float: left;
    list-style: none;
    display: inline;
  
   color:#FFF;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................