Liste mit list-style-position

[Sultaninchen]

Hallo,
ich bin noch ein totaler Anfänger und muss im Rahmen meines Studiums eine Homepage erstellen.
So weit klappt alles ganz gut, ich habe jetzt allerdings folgendes Problem.
Wie ihr unten seht, habe ich eine Liste gemacht und wollte diese Begriffe gerne nebeneinander stehen haben.
Das funktioniert auch relativ gut, aber wir kriege ich es hin, dass Stofftunnel unter Laufsteg steht etc.?




In HTML sieht es so aus:

<ul class="liste">
<li>Hürden</li>
<li>Laufsteg</li>
<li>Wippe</li>
<li>Schrägwand</li>
<li>Slalom</li>
<li>fester Tunnel</li>
<li>Stofftunnel</li>
<li>Reifen</li>
<li>Weitsprung</li>
</ul>

Und in CSS so:

.liste {
display: inline;
list-style-position: inside;
text-indent: 5em;
}

Vielen Dank schonmal für eure Hilfe und ein schönes Weihnachtsfest

Viele Grüße
Nancy

 

[AoW]

Hallo Nancy, bei dem aktuellen code sind die <li>Elemente noch nicht nebeneinander. Du hast nur <ul> Inline eigenschaften hinzugefügt. Kannst du das nochmal prüfen. Viele Grüße