Frage zum <p>-Element

[Der Martin]

Hallo Ingo,

Bisher hatte ich es immer so verstanden, dass das <br>-Tag für
Zeilenumbruch innerhalb eines Fliesstextes zuständig ist.
Und das <p>-Element halt für einen Absatz.
Wobei der Absatz dann eben auch gleichzeitig eine Leerzeile "erzeugt".
Ist das denn nicht richtig so?

Praktisch ja, theoretisch nicht ganz, weil unglücklich formuliert.

Das br-Element erzeugt einfach einen Zeilenumbruch im Fließtext, soweit korrekt. Es bewirkt, dass der Text in einer neuen Zeile weiterläuft, hat aber keinen Einfluss auf die Gliederung durch das p-Element.

Das p-Element umschließt einen Absatz und macht ihn zu einem zusammenhängenden Block. Es erzeugt aber keine Leerzeile, sondern lediglich einen nicht genau festgelegten Abstand nach oben und/oder unten, der durch das Default-Stylesheet des Browsers vorgegeben ist. Ob diese Abstände oben oder unten, durch margin oder padding realisiert werden, kann von Browser zu Browser unterschiedlich sein; wenn du für dein Layout einheitliche Formatierungen brauchst, solltest du sie in deinem Stylesheet selbst definieren.

Ich habe deshalb bei mir diese dünn umrandeten grauen Kästen per
<div>-Element gemacht. Und innerhalb dieser wollte ich dann
sozusagen den Fließtext ganz normal benutzen (mit p usw.).

Das ist IMHO genau richtig. Wenn du mehrere Absätze zu einer Einheit gruppieren willst, ist das div-Element genau die richtige Wahl.

Würde mich riesig freuen, wenn Ihr mich da aufklären könntet :-)

Hat das jetzt geholfen? ;-)

Schönes Wochenende noch,
 Martin