HTML CSS examples for CSS Widget:UL Element
List on the same line
<html lang="en"> <head> <title>Lorem </title> <style> * {<!--from ww w .j ava 2 s. c om--> margin:0; padding:0; } .header { width:100%; background-color:Chartreuse; } .logo { display:inline-block; } .menu { display:inline-block; float:right; list-style:none; } .menu-list li { display:inline-block; float:left; margin-right:2em; } </style> </head> <body translate="no"> <div class="header"> <div class="logo"> <span id="logo-text">Lore</span> </div> <div class="menu"> <ol class="menu-list"> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> </ol> </div> </div> </body> </html>