Herbalizer: Bitte dringend um Hilfe bzgl. invalidem HTML

Beitrag lesen

Hi!

Du must dem h1-Element via CSS eine Breite geben und dan via margin-left: auto; margin-right: auto; zentirieren. Alternativ wirkt vielleicht auch ein text-align: center;

Nicht "alternativ", sondern im Normalfall immer so: <h1 style="text-align:center;">...</h1>

Hätte heisen sollen: Alternativ wirkt vielleicht auch ein text-align: center; im übergeordneten Element (für den Quirksmodus diverser Browser oder IE < 6). Ich ging von der Zentrierung des h1-Elements aus, nicht von dem in ihm innewohnenden Kindelementen, seien sie Text oder Bilder. Grund hierfür ist die gelegentliche Verwendung von Hintergrundbildern.
Ein Beispiel soll den Unterschied zw. der Zentrierung des h1-Elements und der Zentrierung von Kindelementen des H1-Elements verdeutlichen:

h1 {
  border: solid thin red;
}
.c {
  text-align: center;
}
.m {
  width:50%;
  margin-right:auto;
  margin-left:auto;
}

<h1 class="m">margin</h1>
<h1 class="c">center</h1>
<h1 class="m c">margin center</h1>

Gruß Herbalizer

--
SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
sh:( fo:) ch:? rl:( br:> n4:& ie:% mo:} va:} de:] zu:) fl:{ ss:) ls:& js:|