Überschrift auf Smartphone nach Leerzeichen umbrechen lassen?
Hallo liebe Webdesigner,
mehrzeilige Überschriften werden auf dem Smartphone oft unschön umgebrochen oder getrennt.
Wie - mit welchem html- oder CSS-Code kann ich eine einzelne Überschrift nach einem Leerzeichen umbrechen lassen ???
Die Überschrift soll von den Suchmaschinen weiterhin als eine Einheit gewertet werden. Der br-Tag (html-Tag für einen Zeilenumbruch) ist also nicht geeignet.
Danke vorab und Gruß!
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Mediengestalter Digital und Print
Hi xxx,
es gibt verschiedene Lösungsansätze für das Problem. Eines davon ist es Wörter zusammen zu halten, wenn diese nicht übermäßig lang sind. Hier ein Codebeispiel für CSS:
h1 {
white-space: normal;
word-wrap: break-word;
}
Jetzt kannst du nach Leerzeichen automatisch umbrechen und die Wörter bleiben normalerweiße zusammen.
Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)