.miul { font-size:10px; list-style:none; margin-left:-40px; } .miul li a { text-decoration:none; } #sect_01 { width:100%; display:block; } /* #mimenu ul { list-style:none; } #mimenu li { display:inline-block; color:white; font-size:14px; margin-right:10px } #mimenu a { color:white; text-decoration:none; padding: 25px 18px; display:block; background-color:#3d2f2f; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); } */ /*Menu */ #mimenu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #mimenu ul li { float: left; color:white; font-size:14px; } #mimenu a { display: block; width: 130px; height: 70px; background-color: #3D2F2F; text-align:center; color:white; margin-right:10px; margin-top:20px; background-color:#3d2f2f; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); } #top_menu a:link { text-decoration: none; color:white; } #top_menu a:visited { text-decoration: none; color:white; } #top_menu a:hover { text-decoration: none; color:white; } #top_menu a:active { text-decoration: none; color:white; }
<div style="width:960px;display:block;" id="mimenu"> <ul class="nav menu miul"> <li class="item-101 current active"> <a href="/joomla31/">Somos</a> </li> <li class="item-103"> <a href="/joomla31/index.php/segunda-pagina">Segunda Página</a> </li> <li class="item-104"> <a href="#">Este es un texto largo para el menú</a> </li> </ul> </div>