CodePen

HTML

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />





</head>


<body>


<div id="body_wrapper"><!-- START div id body_wrapper   -->

           
           
           
           
                      
 <ul id="the_bromptonnas">
    <li id="bromnas01"><a href="#">Home </a></li>
    <li id="bromnas02"><a href="#">About Us</a></li>
    <li id="bromnas03"><a href="#">Our Consultants</a></li>
    <li id="bromnas04"><a href="#">Patient Information </a></li>
    <li id="bromnas05"><a href="#">Contact Us </a></li>
  </ul>
 


  
  
</div ><!-- END   body WRAPPER   -->

</body>
</html>
            
          
!

CSS

            
              

body {
	background-color:#F9F;
 
  
  margin: 0;
  padding: 0;
  height:1800px;
}
 

#body_wrapper {
	width: 960px;
     margin: 50px auto 0;
	background-color: #FFF;
	height:1635px;
}
  
  
  #the_bromptonnas{
	 float:left;
	 margin-left:0;
	 width:860px;
	 
	 
	 }
 
 
 
 
#the_bromptonnas li, #the_bromptonnas a {
    height: 70px;
    display: block;
}

#the_bromptonnas li {
    float: left;
    list-style: none;
    display: inline;
   ytext-indent: -9999em;
   margin-left:0 !important;
   padding-left:0 !important;
  
   
}


#bromnas01 { width: 108px; }
#bromnas02 { width: 132px; }
#bromnas03 { width: 184px; }
#bromnas04  { width: 241px; }
#bromnas05  { width: 195px; }




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

JS

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