HTML CSS examples for CSS Widget:Nav Bar
Nav Bar with div and UL
<html lang="en"> <head> <title>Lorem ips</title> <style> @CHARSET "ISO-8859-1"; * {<!-- www.j av a2 s .co m--> padding:0; margin:0; } .nav { background-color:Chartreuse; color:yellow; position:fixed; top:0; display:inline-block; } .nav li { display:inline-block; } .nav a { padding:2px 0.6em; } .nav a:hover { background-color:blue; } </style> </head> <body translate="no"> <div class="nav"> <ul> <li> <a>Lore</a> </li> <li> <a>Lorem</a> </li> <li> <a>Lorem ipsu</a> </li> <li> <a>Lorem ipsum </a> </li> </ul> </div> </body> </html>