Kurz gesagt: HTML behandelt mehrere Leerzeichen anders als normale Textprogramme. Wenn Abstände im WordPress-Editor nicht wie erwartet erscheinen, liegt das oft daran, dass Browser mehrere Leerzeichen zusammenfassen. Für saubere Abstände sollten deshalb Absätze, Zeilenumbrüche, Listen und Layout-Einstellungen genutzt werden, nicht viele manuelle Leerzeichen hintereinander.
Warum Leerzeichen im Editor anders wirken können
Viele Website-Betreiber kennen das Problem: Im WordPress-Editor wird ein Text mit mehreren Leerzeichen oder Zeilenumbrüchen eingegeben, aber auf der Website sieht der Abstand später anders aus.
Das liegt daran, dass eine Website kein normales Textdokument ist. Inhalte werden im Browser als HTML dargestellt. Dabei werden mehrere normale Leerzeichen in der Regel zu einem einzigen sichtbaren Leerzeichen zusammengefasst.
Deshalb funktioniert es oft nicht zuverlässig, Abstände durch mehrfaches Drücken der Leertaste zu erzeugen.
Mehrere normale Leerzeichen hintereinander werden im Browser meistens nicht als mehrere sichtbare Abstände ausgegeben. HTML folgt anderen Regeln als Word, Pages oder ein klassisches Schreibprogramm.
Was bei Leerzeichen in HTML passiert
HTML ist dafür gedacht, Inhalte strukturiert darzustellen. Der Browser entscheidet anhand von HTML-Elementen, CSS und Layout-Regeln, wie Texte, Absätze und Abstände angezeigt werden.
Wenn mehrere normale Leerzeichen im Text stehen, interpretiert der Browser sie meistens nur als einen Abstand. Das ist technisch normal und kein Fehler im WordPress-Editor.
Absätze
Zeilenumbrüche
HTML
Editor
Layout
Welche Möglichkeiten es für Abstände gibt
Je nachdem, was erreicht werden soll, gibt es unterschiedliche saubere Lösungen. Ein einzelnes Leerzeichen, ein neuer Absatz und ein optischer Abstand zwischen zwei Bereichen sind technisch nicht dasselbe.
Deshalb sollte zuerst unterschieden werden, ob nur ein Wortabstand, ein Zeilenumbruch oder ein größerer Layout-Abstand benötigt wird.
Absatz
Für neue Textabschnitte sollte ein normaler Absatz verwendet werden.
Zeilenumbruch
Für einen einfachen Umbruch innerhalb eines Absatzes kann ein Zeilenumbruch sinnvoll sein.
Layout-Abstand
Größere Abstände sollten nicht mit Leerzeichen erzeugt werden, sondern über Layout oder CSS.
Geschütztes Leerzeichen
Ein geschütztes Leerzeichen kann verhindern, dass zwei Wörter getrennt werden.
Wann ein geschütztes Leerzeichen sinnvoll ist
Ein geschütztes Leerzeichen wird in HTML häufig mit erzeugt. Es sorgt dafür, dass zwei Wörter oder Zeichen nicht automatisch getrennt werden.
Das kann sinnvoll sein, wenn bestimmte Begriffe zusammenbleiben sollen, zum Beispiel bei Zahlen mit Einheiten, Namen, Abkürzungen oder kurzen Wortgruppen.
Wenn „49 €“ nicht getrennt werden soll, kann ein geschütztes Leerzeichen zwischen Zahl und Euro-Zeichen sinnvoll sein. Für normale Layout-Abstände ist aber nicht die richtige Lösung.
Welche HTML-Zeichen früher häufig verwendet wurden
Früher wurden in HTML häufig spezielle Zeichen verwendet, um Abstände manuell zu beeinflussen. Dazu gehören zum Beispiel geschützte Leerzeichen oder verschiedene Leerraum-Zeichen.
Solche Zeichen können in Einzelfällen sinnvoll sein, sollten aber nicht als allgemeine Layout-Lösung verwendet werden.
Erzeugt ein geschütztes Leerzeichen. Sinnvoll, wenn zwei Begriffe nicht getrennt werden sollen.
 
Erzeugt einen etwas breiteren Leerraum. Für normales Layout aber nur selten sinnvoll.
 
Erzeugt einen noch größeren Leerraum. Sollte nicht als Ersatz für saubere Abstände verwendet werden.
<br>
Erzeugt einen einfachen Zeilenumbruch innerhalb eines Textabschnitts.
<p>
Steht für einen Absatz. Für normale Textstruktur ist das meist die sauberere Lösung.
Warum man Abstände nicht mit vielen Leerzeichen bauen sollte
Viele manuelle Leerzeichen wirken zunächst wie eine schnelle Lösung. Langfristig verursachen sie aber oft Probleme.
Auf unterschiedlichen Bildschirmgrößen, besonders mobil, können solche Abstände unkontrolliert wirken. Außerdem wird der Inhalt schwerer wartbar, weil optische Gestaltung direkt im Text versteckt wird.
Mobile Probleme
Manuelle Abstände können auf kleinen Bildschirmen falsch umbrechen.
Schwere Pflege
Inhalte werden unübersichtlich, wenn Layout über Leerzeichen gebaut wird.
Uneinheitliches Design
Abstände wirken schnell zufällig, wenn sie nicht über klare Layout-Regeln entstehen.
Barrierearmut
Saubere Struktur ist besser für Lesbarkeit, Screenreader und technische Verarbeitung.
Wie Abstände im WordPress-Editor besser gelöst werden
In WordPress sollten Abstände möglichst über die vorgesehenen Editor-Funktionen, Absätze, Listen, Blöcke oder Layout-Einstellungen gepflegt werden.
Wenn ein Textbereich optisch mehr Abstand braucht, ist das meist keine Aufgabe für zusätzliche Leerzeichen im Text, sondern für das Designsystem der Website.
- für neue Gedanken normale Absätze verwenden
- für Aufzählungen echte Listen nutzen
- für einfache Umbrüche Zeilenumbrüche bewusst einsetzen
- größere Abstände über Blöcke oder Layout-Einstellungen lösen
- geschützte Leerzeichen nur gezielt verwenden
- keine langen Leerzeichen-Ketten zur Gestaltung nutzen
Wann technische Hilfe sinnvoll ist
Wenn Abstände auf der Website immer wieder falsch wirken, liegt das häufig nicht am einzelnen Text, sondern an der Gestaltung des Themes oder an fehlenden Layout-Regeln.
Dann sollte geprüft werden, ob Überschriften, Absätze, Listen, Karten und Inhaltsbereiche sauber gestaltet sind. Eine gute Website sollte Redakteuren ermöglichen, Inhalte einzugeben, ohne ständig mit Leerzeichen oder Sonderzeichen nachhelfen zu müssen.
Wenn Redakteure regelmäßig mit Leerzeichen, leeren Absätzen oder manuellen Umbrüchen arbeiten müssen, ist oft nicht der Inhalt das Problem, sondern das Layoutsystem der Website.
Warum saubere Struktur langfristig besser ist
Sauber strukturierte Inhalte sind leichter zu pflegen, besser lesbar und stabiler auf unterschiedlichen Geräten. Gerade bei WordPress ist das wichtig, weil Inhalte später häufig erweitert, angepasst oder in neuen Layouts verwendet werden.
Statt Abstände manuell im Text zu erzwingen, sollte die Website klare Regeln für Typografie, Absätze und Inhaltsbereiche haben.
klare Listen
gute Typografie
mobile Darstellung
wartbare Inhalte
stabiles Layout
Wann eine Prüfung sinnvoll ist
Eine Prüfung ist sinnvoll, wenn Texte im Editor anders aussehen als auf der Website, Abstände mobil nicht passen oder Inhalte nur mit vielen manuellen Leerzeichen richtig wirken.
Dann sollte nicht nur der einzelne Beitrag betrachtet werden, sondern auch die Gestaltung des Themes und die Regeln für Inhaltsbereiche.
WordPress-Inhalte technisch sauber aufbauen lassen
Eine gute Website-Struktur sorgt dafür, dass Inhalte im Editor verständlich gepflegt werden können und auf der Website zuverlässig dargestellt werden.