Bild mittig zentrieren

[halla]

Hallo alle zusammen,

irgendwie steh ich glaube ich gerade auf dem Schlauch.
Ich will ein Bild im Inhalt mittig zentrieren, aber irgendwie klappt das nicht...

<p>
<a title="Ein Bach (Testbild)" href="http://umzugmeister.localhost/wp-content/uploads/2008/03/creek.jpg" rel="lightbox">
<img class="img-center" alt="Ein Bach (Testbild)" src="http://umzugmeister.localhost/wp-content/uploads/2008/03/creek.thumbnail.jpg"/>
</a>
</p>

EIgentlich sollte das doch ganz einfach mit einem auto-margin erledigt sein, oder??

.img-center {
	margin: 0 auto;
}

[Rizzo]

Hi,

verpass dem Teil mal noch eine Breite. Wenn der Browser nicht weiß wie breit etwas ist, kann er es schlecht über Margin zentrieren.

[satre]

Hallo,

ein Bild ist ein Inline-Element. Ausrichten kannst du es mit "text-align:center;".

<p style="text-align:center;">
<a title="Ein Bach (Testbild)" href="http://umzugmeister.localhost/wp-content/uploads/2008/03/creek.jpg" rel="lightbox">
<img alt="Ein Bach (Testbild)" src="http://umzugmeister.localhost/wp-content/uploads/2008/03/creek.thumbnail.jpg"/>
</a>
</p>