exibir 3 li por linha?
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!
Discussão (4)
Carregando comentários...