[HTML/CSS] hogyan tudnam beallitan, hogy egymas alatt legyenek rendezve a felsorolas elemei?

megj.:

html

...

...

<ul class="lista2">

<li>Regisztráció</li>

<li>Bejelentkezés</li>

<li>Mobil</li>

<li>Ismerősök</li>

<li>keresése</li>

<li>Névjegyek</li>

<li>Emberek</li>

<li>Oldalak</li>

<li>Helyek</li>

<li>Játékok</li>

<li>Helyek</li>

<li>Rólunk</li>

<li>Hirdetés</li>

<li>létrehozása</li>

<li>Oldal</li>

<li>létrehozása</li>

<li>Fejlesztők</li>

<li>Álláslehetőség</li>

<li>Adatvédelem</li>

<li>Sütik</li>

<li>Feltételek</li>

<li>Súgó</li>

</ul>

...

css:

.also .lista2{

list-style:none;

width:55%;

}

.lista2 li{

float:left;

margin:9px;

font-size:12px;

display: inline-box;

}

Helo

probaltam de nem jott ossze igy sem :S

itt talalhato a fajl

[link]

ha leveszem ugy egymas ala kerul a lista;

Probaltam hogy kitorlom a floatot, es berakom a display: inline; - ezzel egymas melle kerul a lista,de nem igazodnak pontossan egymas ala,hanem elcsusznak. adtam hozza width:30px de igy sem jo.