Display Logo and Nav on same bar CSS - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Nav bar image

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

Description

Display Logo and Nav on same bar CSS

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
div {<!-- w  w w .j a v  a 2 s.  c  o m-->
   display:inline-block;
   background:blue;
   width:51px;
}

ul {
   display:inline-block;
   list-style:none;
   background:orange;
}

ul li {
   display:inline-block;
}
</style> 
 </head> 
 <body> 
  <div>
    &nbsp; 
  </div> 
  <ul> 
   <li> <a href="#">Lorem </a> </li> 
   <li> <a href="#">Lorem </a> </li> 
   <li> <a href="#">Lorem </a> </li> 
   <li> <a href="#">Lorem </a> </li> 
  </ul>  
 </body>
</html>

Related Tutorials