Telefonnummern, die mit Trennstrichen (Divis) gegliedert sind und auf einem Laptop gut aussehen, werden auf einem mobilen Gerät oft umbrochen – d. h. an einem Trennstrich springt ein Teil der Zahl ungewollt in die nächste Zeile. Besonders bei Buttons oder Call-to-Actions ist das nicht schön.
Wie kann man einen Zeilenumbruch erstellen, der nur auf einem Bildschirm mit der Größe eines Mobilgeräts funktioniert? Einfach einen Zeilenumbruch als Klasse im Tag einfügen:
<br class="mobile-break">und in den CSS
@media screen and (min-width: 600px) {
.mobile-break { display: none; }
}