Horizontale Liste umbrechen

[sra]

Hallo Community

Ich möchte gerne eine Reihe von Bildern auf meiner Webseite darstellen. Diese sollten in einer <ul> angeordnet sein (da ich dann per Atlas Toolkit eine einfache Drag 'n Drop Sortierung machen kann - muss also in einer <ul> sein). Nun ist meine Idee, dass ich jeweils 3 Bilder nebeneinander haben will, und die nächsten jeweils auf einer neuen Zeile.

Weiss jemand wie das geht?

Gruss
sra

 

[Maik]

Hi,

ich würde es folgendermaßen lösen:

ul {
margin: 0;
padding: 0;
list-style: none;
}

li {
float: left;
width: 33.3%;
}

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    <li>item 6</li>
</ul>