Ir para conteúdo

Arquivado

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

diasgabrie

exibir 3 li por linha?

Recommended Posts

pessoal bom dia!

 

queria exibir somente 3 <li> por linha (li inline).

 

como poderia fazer isso?

 

meu css:

ul.inside {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 100%;
 display: inline;
}
ul.inside li {
 display:inline-block;
}

 

 

 

<ul class=inside>

<li>conteudo linha 1</li>

<li>conteudo linha 1</li>

<li>conteudo linha 1</li>

 

<li>conteudo linha 2</li>

<li>conteudo linha 2</li>

<li>conteudo linha 2</li>

 

<li>conteudo linha 3</li>

<li>conteudo linha 3</li>

<li>conteudo linha 3</li>

...

</ul>

 

queria a saida assim:

conteudo linha 1 conteudo linha 1 conteudo linha 1

conteudo linha 2 conteudo linha 2 conteudo linha 2

conteudo linha 3 conteudo linha 3 conteudo linha 3

 

...

 

Como poderia fazer isso?

Obrigada!

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

ul.inside li {
 display:inline-block;
 width: 33%;
}

Mas o conteúdo tem sempre o mesmo tamanho? O que aconteceria se algémescrevesseerradopropostitalmenteparaqueerro?

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.