HTML CSS examples for CSS Widget:Menu Item
Spacing between menu items
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .menu {<!--from ww w.ja v a2 s. co m--> font-family:Verdana; font-size:13px; color:Chartreuse; text-align:center; text-decoration:none; border:yellow solid; border-width:0px 2px 0px 0px; padding:11px 18px 11px 13px; display:inline-block; } .menu:link,.menu:visited { background-color:blue; } .menu:hover,.menu:active { background-color:pink; } </style> </head> <body> <div style="padding-top: 10px"> <a class="menu" style="border: #B1B1B1 solid; border-width: 0px 1px 0px 1px" href="#">Lorem ipsum dolor </a> <a class="menu" href="#">Lorem ipsum dol</a> <a class="menu" href="#">Lorem ip</a> <a class="menu" href="#">Lorem</a> <a class="menu" href="#">Lorem ips</a> <a class="menu" href="#">Lorem i</a> </div> </body> </html>