Listen und der Zeilenumbruch

[Ronaldihno]

Hallo Helferlein,

ich habe mir per html und css unter anderem das Aussehen für Listen erstellt.

Jedoch bei einer Sache komme ich nicht weiter:
Der Zeilenumbruch schiebt die neue Zeile auf gleiche "Höhe" wie die Listenpunkte, statt bündig mit dem Text zu bleiben.

(siehe Anhang Grafik)

Was muss ich ändern?

mein Codeschnipsel:

#main ul li{
	list-style-type:disc;
	list-style-position:inside;
	margin-left:10px;
	}

Danke und viele Grüße

Ronaldihno

 

[Ronaldihno]

achherrje, bin gerade selbst auf eine Lösung gestoßen:

list-style-position:outside;
margin-left:25px;

Wäre es auch noch anders gegangen??

Viele Grüße
Ronny

 

[siehda]

Ja, z.B. so:

 <ul>
          <li>Hier der lange erste Text. Hier der lange erste Text. Hier der lange erste Text. Hier der lange erste Text. Hier der lange erste Text. Hier der lange erste Text. Hier der lange erste Text.
          </li>

          <li>Hier der lange zweite Text. Hier der lange zweite Text. Hier der lange zweite Text. Hier der lange zweite Text. Hier der lange zweite Text. Hier der lange zweite Text. Hier der lange zweite Text. 
          </li>
</ul>

 

[Bastian]

list-style-position ist standardmässig auf outside eingestellt. Du kannst diese Angabe getrost weglassen.

 

[ThaHammer]

achherrje, bin gerade selbst auf eine Lösung gestoßen:

list-style-position:outside;
margin-left:25px;

Wäre es auch noch anders gegangen??

Viele Grüße
Ronny

Glaub wenn Du dem UL ein width verpasst kannste die Breite auch beeinflussen.