Schönere Variante?

1 tommik

Hallo,
ich möchte einen Abschlussstrich, ähnlich wie <hr> machen.

<div style="border-bottom:dashed #CCCCCC 1px;height:1px;margin-top:5px;">&nbsp;</div>

...das erzielt zwar das gewünschte Ergebnis, ich bin mir aber nicht sicher, ob es die elleganteste Lösung ist.

Gruß,
tommik.

Es geht auch noch einfacher, indem du auf das leere Extra-Div verzichtest und die border für das darüberliegende Element definierst. Den Abstand zwischen Inhalt und Abschlussstrich legst du dann über padding-bottom fest, den Abstand zwischen Abschlusstrich und folgenden Element über margin-bottom:

<div style="border-bottom:dashed #ccc 1px; padding-bottom:5px; margin-bottom:10px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent diam neque, consequat sit amet, pulvinar quis, nonummy in, purus. Nam ipsum nisi, ullamcorper vitae, auctor at, congue sit amet, lectus. Donec pulvinar, tellus ac tempus consequat, tortor leo iaculis nulla, euismod facilisis velit dui sit amet felis.</div>

1 tommik

2 Jörg Kruse

Beitrag schreiben (als Gast)