✔ Liste ist leider zu weit eingerückt

[Geflügel]

Hier der Code:

<div style="border: 1px solid #000;">
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ul>
</div>

Die Liste ist zu weit rechts. Sie soll direkt am linken Rahmen liegen. (Mit Null Pixel Abstand)

Wie es sein soll, siehe Anhang.

Danke im Voraus !!

 

[Maik]

Hi,

setz mal die Polsterungseigenschaften des Listenelements auf null.

 

[Geflügel]

<div style="border: 1px solid #000; width: 600px; margin: 0 auto;">
	<ul style="padding: 0;">
		<li>List Item 1</li>
		<li>List Item 2</li>
		<li>List Item 3</li>
		<li>List Item 4</li>
		<li>List Item 5</li>
	</ul>
</div>

Jetzt sind die Bullets außerhalb der Layers...
Siehe Anhang!

 

[Maik]

Versuch es mal hiermit:

ul {
margin:0;
padding:0;
list-style-position:inside;
}

 

[Geflügel]

Das geht! Danke !!

<div style="border: 1px solid #000; width: 600px; margin: 0 auto;">
	<ul style="padding: 0; margin: 0; list-style-position:inside;">
		<li>List Item 1</li>
		<li>List Item 2</li>
		<li>List Item 3</li>
		<li>List Item 4</li>
		<li>List Item 5</li>
	</ul>
</div>