Absatz P-STYLE:

- Normalerweise werden in HTML mehr als ein Absatz:

so dargestellt wie ein einzelner (= 2 Zeilenumbrüche):

Mit folgenden CSS-Anweisungen läßt sich dieses zumindest einigen Browsern verhindern:

p { font-size: 15px; line-height:22px; padding: 4px; font-weight: bold; }


• Achtung: p {margin: 0px;} setzt alle Absatz- Abstände auf NULL!
• BR läßt sich nicht formatieren, da inhaltslos!

TEST: Wie sieht das hier aus?

Es folgt 1 Absatz P: =

Es folgen 2 Umbrüche BR: =

Es folgen 2 Absätze P: =

Es folgen 3 Umbrüche BR: =


Es folgen 4 Umbrüche BR: =



Es folgen 5 Absätze P: =

------------
Bis Hier

HR-STYLE:

Aus dem Internet-Magazin 07/09:

Der HR-Tag von HTML setzt eine horizontale Linie auf die Webseite.

Er setzt sie aber stets in eine separate Zeile, da der HR-Tag mit einem Zeilenumbruch vor und hinter der gezeichneten Linie versehen ist.

Wollen Sie beispielsweise zwischen zwei Absätzen mit einem <HR>-Tag eine sichtbare Unterteilung setzen, addieren sich die Standardabstände der <P>-Tags mit dem des <HR>-Tags und ein sehr großer Zwischenraum wird sichtbar und wirkt störend.

Dem Zwischenraum können Sie mit einem Inline-Style Herr werden. Durch das Setzen beispielsweise folgender Zeile, wird der Abstand zwischen der Linie und dem darüber stehenden Element (hier wegen der zuvor vergrößerten Absatz-Abstände) um 37 Pixel verkürzt:

<hr style="margin:-37px">

Allerdings wird nicht automatisch auch der Abstand zum darunter liegenden Element verkleinert. Den müssen Sie mit einer weiteren negativen Margin-Angabe im HTML-Element unter der horizontalen Line verkleinern!