Zagnieżdzona lista wyrównanie do lewej

[yfoog 0]

witam, mam przykładowy fragment kodu:

 

<div class="moduletable">
<ul class="menu">
<li class="top"><a href="/index.php/a.html" >TOP</a><ul><li class="item-109"><a href="/index.php/a/a.html" >side1</a></li><li class="item-110"><a href="/index.php/a/b.html" >side2</a></li><li class="item-111"><a href="/index.php/a/c.html" >side3</a></li></ul></li></ul>
</div>

 

jakiego parametru użyć żeby w zewnętrznym CSS stworzyć listę które elementy zagnieżdżone są równo wyrównane do lewej (są zaraz pod) z elementami powyżej [czyli brak wcięcia]?

[Lotos15 7]

Jeśli dobrze cię zrozumiałem to powinno to wyglądać tak:

 

 

#top ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

Edytowano Listopad 24, 2011 przez Lotos15 (zobacz historię edycji)

[Mateusz Sojda 41]

Jeśli już to tak:

 

ul.menu, ul.menu li {

display: block;

list-style: none;

margin: 0;

padding: 0;

}

 

 

 

 

Klasy oznaczamy kropką.