HTML CSS examples for CSS Widget:Nav Bar
Side navigation
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #secNav {<!--from w w w .ja v a 2 s . c o m--> background:Chartreuse; float:right; width:201px; margin:21px; border:2px thin; } #secNav ul { list-style:none; padding:0; text-align:center; } #secNav ul li { margin:6px 0; } #secNav ul li a { text-decoration:none; letter-spacing:2px; color:yellow; } </style> </head> <body> <nav id="secNav"> <ul> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> <li> <a href="#">Lore</a> </li> </ul> </nav> </body> </html>