CSS: <br> Tag deaktivieren

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.