[Resolvido] menu horizontal
Olá todos,
Estou fazendo um menu horizontal e oq acontece é q cada link tem o texto muito grande e preciso que eles fiquem em 2 linhas cada. quando coloco um <br /> no meio do link ele quebra a linha do menu toda. se pudessem me audar eu agradeço muiiito.
html
<ul id="menuhorizontal">
<li id="01">
<a href="#" title="">Juristas leigos</a>
</li>
<li>
<a href="#" title="">Políticas Públicas</a>
</li>
<li>
<a href="#" title="">Territórios negros</a>
</li>
<li>
<a href="#" title="">Reforma agrária e comunidades tradicionais</a>
</li>
<li>
<a href="#" title="">meio ambiente e águas</a>
</li>
<li>
<a href="#" title="">Direios humanos</a>
</li>
<li>
<a href="#" title="">Combate ao trabalho escravo</a>
</li>
</ul><!-- fim do menu horizontal -->
css
#menuhorizontal {
border:none;
margin: 0;
font: 13px Arial, sans-serif, bold;
height:50px;
margin:0 auto;
}
#menuhorizontal li {
list-style: none;
margin: 0;
display: inline;
}
#menuhorizontal li a {
height:1px; / IE5.0 bug /
padding: 10px;
margin:0;
background: #631815;
text-decoration: none;
}
#menuhorizontal li a:link {
color: #fff;
}
#menuhorizontal li a:visited {
color: #fff;
}
#menuhorizontal li a:hover {
background: #ccc;
color: #000;
border-color: #000;
}Discussão (5)
Carregando comentários...