Gunnar Bittersmann: .class:after {content:"</br>} geht sowas?

Beitrag lesen

Hello out there!

Ich suche eine Möglichkeit hinter einem <div class="whatever">f00</div>
einen Zeilenumbruch einzufügen -IMMER hinter diesem div.

Was meinst du mit "Zeilenumbruch"? 'div' ist ein Blockelement, da wird doch sowieso umgebrochen. (Oder hast du 'display: inline' gesetzt?)

Möchtest du größeren Abstand nach unten? Dann gib solchen an: 'margin-bottom' bzw. 'padding-bottom'.

.class:after {content:"</br>"}

Generierter Inhalt wird nicht nach HTML-Tags geparst, "</br>" ist also Unsinn (vom Typo abgesehen)

.class:after {content:"\A\A0"} (Umbruch gefolgt von geschütztem Leerzeichen), aber das ist auch Unsinn, s.o.

Kann man die pseudoelemente überhaupt auf Klassen anwenden?

Ja.

Gibt es einen Workaround?

Wofür?

See ya up the road,
Gunnar

--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)