<h2> als inline-Element innerhalb <p> geht nicht??

[Auge]

Hallo

nun bin ich noch über einen weiteren Stolperstein gestossen. Ich würde gerne einen <h2> innerhalb eines <p> platzieren. Natürlich muss ich den <h2> als display:inline definieren, aber da passiert im Browser dann ganz übles.

<p> darf, obschon ein Blockelement, keine anderen Blockelemente enthalten. Damit sind auch Überschriften (<hx>) gemeint.

Wunsch wäre eigentlich, dass ich einen Textblock mit einem h2 beginnen könnte, der Lauftext aber gleich nach dem h2 beginnt.

Kann doch!?

<h2>Überschrift</h2>  
<p>Text des Textabsatzes.</p>

In meinem Muster habe ich drei Absätze erstellt. Der erste ist so wie ein normaler p ausschauen sollte. Mit Einzug und grösserem Zeilenabstand.

Der zweite Absatz wäre eigentlich so, wie ich es gerne haben würde, aber FF und auch IE zwirbenl den Code mächtig durcheinander. Die Einzüge und Zeilenabstände werden da plötzlich ignoriert.

Wenn das Element per display:inline; zum Inlineelement umdeklariert wird, müssen Angaben zu Höhe, Breite und Außenabstand (margin) ignoriert werden.

Der dritte Absatz war einfach noch ein Versuche, wie es ausschaut, wenn ich den h2 mitten im Lauftext platziere.

Setze um den gesamten Eintrag ein <div>, welches mit den Angaben zum Außenabstand versehen wird, und mache dadrin mit den Überschriften und Absätzen, was dir beliebt.

Sogar in meinem CSS Buch von Kai Laborenz wird darauf hingewiesen, bei der Erklärung von display:inline, dass man genau sowas machen kann.

Steht da auch drin, dass damit _nicht_ die Regeln von HTML aufgehoben werden, die da z.B. sagen, dass ein <p> _keine_ Blockelemente enthalten darf?

Tschö, Auge