[Resolvido] Centralizar texto dentro de uma lista
Pessoal,
Fiz o menu do meu site com uma lista ordenada, porém alterei a list-style-image e coloquei uma imagem personalizada, que é a logo do cliente. Essa imagem/logo lembra um X. O problema é que ao colocar esse X os nomes dos itens de menu ficaram na parte inferior da imagem, ou seja, ficaram alinhada/niveladas com as pernas desse X, só que eu quero que fique centralizada, eu quero a imagem no canto, como marcador dessa lista, e o nome do item do menu na frente desse marcadaor personalizado (o X), mas centralizado no meio desse X. Só que não consigo fazer isso.
Alguém pode me ajudar? Deu pra entender?
Meus códigos:
HTML MENU
<div id="menu">
<ul>
<li id="item1">Principal</li>
<li id="item2">Quem Somos</li>
<li id="item3">Advogados Associados</li>
<li id="item4">Áreas de Atuação</li>
<li id="item5">Notícias</li>
<li id="item6">Links Úteis</li>
<li id="item7">Contato</li>
</ul>
</div>
CSS
#menu ul{
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
list-style-image: url("../imagens/icone_menu.png");
}
#menu ul li{
margin: .6em 0em .6em 0em;
}Discussão (20)
Carregando comentários...