align li text left and set horizontal navigation under h3 tag - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Nav bar alignment

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Nav bar alignment

Description

align li text left and set horizontal navigation under h3 tag

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta http-equiv="X-UA-Compatible" content="IE=10; IE=11"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Lore</title> 
 </head> <!-- w  ww.  j  a  va  2  s.  c o m-->
 <body> 
  <div class="container"> 
   <div class="navMenuLeft"> 
    <h3>Lore</h3> 
    <nav class="hfNavLeft"> 
     <ul> 
      <li> <a href="Reports/hfReports.cfm">Lorem i</a> </li> 
     </ul> 
    </nav> 
   </div> 
   <div class="contentMain"> 
    <h3>Lore</h3> 
    <nav class="hfNavTop"> 
     <a href="#" class="tablinks">Lorem ipsum</a> 
     <a href="#" class="tablinks">Lorem</a> 
    </nav> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials