Menu com duas linhas

[Isabela Tonon 0]

Eu preciso criar um menu bem parecido com este https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/1463547_748947328466181_2058518666_n.jpg

 

Não estou conseguindo fazer essa quebra de linha sem alterar o resto do menu. Se uso < br >, a categoria seguinte (Futebol Internacional, no caso), vai para a mesma linha de Nacional.

 

Como resolvo isso?

[YFilus 14]

Olá Isabela, tudo bem?

 

A forma mais simples de resolver isso é fazendo o seguinte:

 

.menu a { display: inline-block; vertical-align: middle; width: 150px; text-align: center; }

Você só teria que trocar a classe "menu" pel nome da classe que envolve o seu menu.

Talvez você precise também alterar o width para se encaixar melhor no seu layout.

 

Se tiver alguma dúvida do porquê das coisas, só gritar.

Grande abraço.

[Isabela Tonon 0]

Muito obrigada, YFilus! Deu certinho! :D