nicht angemeldet
hi
HTML:
<div class="block">
<h1>Überschrift</h1>
<p>Der lange text darin</p>
</div>
CSS:
.block{border:2px solid black; background-color:white;}
.block h2{margin-top:-0.7em; background-color:inherit; font-size:1.4em;}
.block p{margin-top:1.7em;}
Erklärung: Die Überschrift hat die gleiche Hintergrundfarbe wie der eigentliche Block und unterbricht daher die Linie. Durch den negativen margin steht er genau auf der Linie.
Der vergrößerte margin des <p> (normal sind 1em) sorgt dafür, dass der eigentliche Text nicht mit hochrutscht.
Grüße aus Bleckede
Kai