Alinhar <ul>'s lado a lado
Olá,
Estou procurando um modo de alinhar <ul>'s uma ao lado da outra dentro de uma div, sem utilizar outras div's dentro.
Ex:
_________________________
| Item1 Item1 Item1 Item1 |
| Item2 Item2 Item2 Item2 |
| Item3 Item3 Item3 Item3 |
-----------------------------------------
<div>
<ul class="posicao1>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul class="posicao2>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul class="posicao3>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul class="posicao4>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</div>
E eu precisava colocar os itens <li>'s alinhados ao centro de cada <ul>.
Seria possível e ainda ser responsível, ou não?
Discussão (3)
Carregando comentários...