Gunnar Bittersmann: BR mit css ansprechen

Beitrag lesen

@@thomas:

nuqneH

Wie kann ich einen BR-Tag per CSS ansprechen?

br { padding: 10px 0 0 0; }
geht leider nicht.

Mit 'margin-bottom' geht es im Firefox. Mit 'margin-top' nur, wenn auch 'display: block' gesetzt wird. Das bietet sich aber sowieso an, sonst in der Abstand beim Zeilenumbruch immer noch geringfügig anders als beim Absatzwechsel.

Andere Browser sind davon völlig unbeeindruckt.

Für Opera funktioniert 'br::after { content: "\A" }' (was den Firefox nicht weiter stört) oder 'br::after { content: "\A0" }', dann muss aber der 'margin' weg (also nur für Firefox setzen):

br { display: block }  
:-moz-any-link, br { margin-top: 1em }  
br::after { content: "\A0" }

IEs und Webkits wehren sich weiter gegen das Styling von 'br'.

Qapla'

--
Volumen einer Pizza mit Radius z und Dicke a: pi z z a