Alinhar <ul>'s lado a lado

[SauronWar 0]

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?

 

 

[Vitor RC 11]

Voce pode utilizar float:left ou entao display:inline-block

 

Veja o exemplo que eu criei: clique aqui.

Utilizei display:inline-block;

[SauronWar 0]

Vlw cara, resolveu ^^

[Vitor RC 11]

Vlw cara, resolveu ^^

 

:D