Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Maykel-ctba

Divisão de estilos em uma UL sem alterar o HTML [Melhor jeito?]

Recommended Posts

Fala galera,

 

Tenho o seguinte caso:

<nav>
    <ul>
    	<li><a href="#" title="Instituicional">Instituicional</a></li>
        <li><a href="#" title="Restaurantes">Restaurantes</a></li>
        <li><a href="#" title="Produtos">Produtos</a></li>
        <li><a href="#" title="Soluções">Soluções</a></li>
        <li><a href="#" title="Fique por dentro">Fique por dentro</a></li>
        <li><a href="#" title="Contatos">Contatos</a></li>
    </ul>
</nav>

Tenho uma UL com 6 itens. Como posso fazer para que as 3 primeiras fiquem alinhadas a esquerda, e as 3 últimas a direita, sem receber uma div diretamente no HTML? Existe como fazer isso somente via CSS, sem que eu tenha classes dividindo cada grupo de 3?

 

Pensei em:

 

Fazer uma contagem dos elementos no javascript, e dentro de um "for", quando iniciar a primeira LI, cria uma DIV que envolverá os três primeiros LI's, e, quando o contador estiver em 4, fecha essa div, cria outra e fecha no final do for.

 

Existe algum jeito mais prático ou é isso mesmo?

 

--- EDIT

 

Quando comentei do alinhamento, seria algo assim...

 

ITEM 01 | ITEM 02 | ITEM 03 ITEM 04 | ITEM 05 | ITEM 06

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.