Siechfred: & (CSS) display-Formatierung bei H1-Tag

Beitrag lesen

Hell-O!

ich möchte eine Überschrift ganz einfach in einen Fließtext einbinden,
aber über inline entsteht vorder Überschrift immer ein Umbruch. Wieso?

Du verwendest vermutlich ein P-Element, das keine Blocklevel-Elemente (wie z.B. Überschriften) enthalten darf (HTML 4.01: P-Element). Dort findest du auch, dass der End-Tag für dieses Element optional ist.

texttexttexttext<h1 style="display:inline;">überschrift</h1>texttexttexttexttexttexttext

Vermutlich umschlossen von P-Tags, richtig?

Da das schließende P-Tag optional ist (s.o.), wird durch ein folgendes Blocklevel-Element (wie hier deine Überschrift) das P-Element auch ohne explizites </p> geschlossen und an der Stelle folgt regelkonform ein Zeilenumbruch. Würdest du deinen Code validieren lassen, bekämst du die für dich sicher überraschende Fehlermeldung, dass ein P-Endtag zu einem fehlenden P-Anfangstag gefunden wurde - dies betrifft die dritte Zeile des Codes.

Du hast zwei mögliche Lösungen:

Entweder du verwendest ein Inline-Element (z.B. SPAN) und formatierst dies so, wie es gewünscht ist, oder du verwendest als umschließendes Element eines, das seinerseits Blocklevel-Elemente enthalten darf (z.B. ein DIV).

Aber die berechtigte Frage lautet: Was um Gottes Willen hat eine Überschrift im Fließtext zu suchen?

Siechfred

--
Ich bin strenggenommen auch nur interessierter Laie. (molily)
Siechfreds Tagebuch || Falle Aufteilungsbescheid || RT 221 Erfurt-Altstadt i.V.