CSS: <br> Tag deaktivieren

Inhalt

Letztens wollte ich für ein Projekt den <br>-Tag innerhalb eines <div> Elements mit CSS deaktivieren.

Warum? Weil ich (bzw. der Designer ;-) ) auf Mobilgeräten keinen Zeilenumbruch haben wollte.

Das Problem ist gar nicht so einfach zu lösen, weil ein display: none; dazu führt, dass die Texte zusammen kleben.

Die Lösung um <br /> mittels CSS zu deaktivieren sieht dann so aus:

br {
    content: '';
    display: inline-block;
    width: 0.3em;
}

Eventuell musst du die Breite (im Beispiel 0.3em) an deine Schrift anpassen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Projektanfrage

Wobei kann ich dich unterstützen?

Willst du einen Website-Check gewinnen?