Align header and navigation links in one line - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Header

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Header

Description

Align header and navigation links in one line

Demo Code

ResultView the demo in separate window 

<html>
 <head></head> 
 <body> 
  <header style="display: inline-block"> 
   <h1> <a href="index.html">:::Lorem ipsum dolor sit amet</a> </h1> 
  </header> 
  <nav style="display: inline-block"> 
   <ul> 
    <li> <a href="" title="">K</a> </li> 
    <li> <a href="" title="">G</a> </li> 
    <li id="empty"> <a href="" title="">O</a> </li> 
   </ul> <!--   ww w  . ja  va 2s . c  o  m-->
  </nav>  
 </body>
</html>

Related Tutorials