Björn Höhrmann: text-align ohne text zentrieren

Beitrag lesen

wie ja schon öfter geschrieben wurde kann man mit text-align Blockelemente nicht zentrieren. Dazu nimmt man margin-left:auto und margin-right:auto.
Ich benutze folgendes in meinem Quelltext und es funktioniert (getestet IE6 und Mozilla1.0).:

<p class="mitte"><img src="pics/abteilung.gif" width="196" height="76" alt="Abteilungen" /></p>

.mitte {
  text-align:center;
}

Die Grafik wird zentriert dargestellt. Das dürfte doch eigentlich nicht sein, oder?

Hier wird nicht das <p> zentriert dargestellt, sondern sein Inhalt, genau das ist richtig. Weise dem <p> eine Breite von < 100% zu und du wirst genau das selber feststellen können.