Ir para conteúdo

POWERED BY:

Arquivado

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

FabianoSouza

Exibir inline duplas de LI

Recommended Posts

Preciso montar essa estrutura com LI dentro de uma DIV:

<li>1</li><li>Texto1</li>

<li>2</li><li>Texto2</li>

<li>3</li><li>Texto3</li>

Até comecei a rascunhar... Mas não está dando certo.

#motivos-contratacao li:nth-child(2n+1), li:nth-child(2n)
{
display:inline;
}

Como faço o CSS para ter o resultado acima?

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Utilizar uma lista ordenada ou uma lista de definição talvez seja mais apropriado.

De qq forma para atingir o objetivo, seria algo como:

li {
    display: inline;
    float: left;
}
li:nth-child(2n+2) {
    display: block;
    float: none;
}

Att.

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.