Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho essa lista
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
Preciso que ele fique assim:
1 2
3 4
5
Como faço um CSS para isso?
Obrigado.Oi Felipe!
Sua sugestão pode ajudar. Mas preciso evitar mudar a estrutura (usar DIV ou outros elementos) senão vai comprometer a hierarquia do meu layout. O ideal seria fazer só com a UL e LI mesmo.
De todo modo ou ver se consigo adaptar para minha necessidade.
Super obrigado. Só não vou marcar nenhuma reaction porque essa funcionalidade do fórum está dando erro quando clico. Também não sei como faço para marcar você na resposta
Valew mesmo!
Conseguir fazer usando uma "gabiarra" aqui.
Veja, o que eu fiz foi usar métodos diferentes a cada 2 itens da lista, enfim deu certo ^.^
<style>
ul {
list-style: none
}
ul > li:nth-child(1),
ul > li:nth-child(2) {
display: table-cell
}
ul > li:nth-child(3),
ul > li:nth-child(4) {
display: inline-block
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>Muito obrigado @Omar~ !!
Funciona.
FabianoSouza
Consegui fazer o que você pediu, mas não sei como você ira implementar isso em seu código.