HTML CSS examples for CSS Widget:Menu
Css menu text align
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .miul<!--from ww w . j a v a 2s. c o m--> { font-size:11px; list-style:none; margin-left:-41px; } .miul li a { text-decoration:none; } #sect_01 { width:100%; display:block; } #mimenu ul { list-style-type:none; margin:0; padding:0; overflow:hidden; } #mimenu ul li { float:left; color:Chartreuse; font-size:15px; display:table; } #mimenu a { display:table-cell; vertical-align:middle; width:131px; height:71px; background-color:yellow; text-align:center; color:blue; margin-right:11px; margin-top:21px; background-color:pink; -webkit-box-shadow:0px 6px 6px 0px OrangeRed; -moz-box-shadow:0px 6px 6px 0px grey; box-shadow:0px 6px 6px 0px BlueViolet; } #top_menu a:link { text-decoration:none; color:Chartreuse; } #top_menu a:visited { text-decoration:none; color:yellow; } #top_menu a:hover { text-decoration:none; color:blue; } #top_menu a:active { text-decoration:none; color:pink; } </style> </head> <body> <div style="width:960px;display:block;" id="mimenu"> <ul class="nav menu miul"> <li class="item-101 current active"> <a href="/joomla31/">Lorem</a> </li> <li class="item-103"> <a href="/joomla31/index.php/segunda-pagina">Lorem ipsum do</a> </li> <li class="item-104"> <a href="#">Lorem ipsum dolor sit amet, consect</a> </li> </ul> </div> </body> </html>