molily: Überschrift mit align im Text

Beitrag lesen

Eine Möglichkeit ohne "float" -- und damit ohne feste Breite:
<h1>Ueberschrift text text ...<span>20.10.03</span></h1>
in Verbindung mit:
h1 {text-align:left; line-height:0; margin-top:1.5em;}
h1 span {text-align:right; display:block;}

Auf die Schnelle getestet erzeugt das in drei Browsern drei sehr unterschiedliche Ausgaben, die wahrscheinlich Browserweichen nötig machen bzw. zum Teil unvereinbar sind.

Hier erzeugt "display:block;" den Umbruch, der dank "line-height:0; nicht auffällt. Diese Variante erfordert allerdings gegebenfalls komplexe Verschachtelungen bei der Verwendung von separaten Hintergundbildern oder -farben.

Diese Variante vereitelt vor allem den sinnvollen bzw. gewohnten Einsatz von margin, padding, border und height. Sie scheint insgesamt mehr Probleme aufzuwerfen, als sie löst.

Mathias