<br>

Zuletzt aktualisiert am 3. Februar 2026

Das <br>-Element erzeugt einen Zeilenumbruch innerhalb eines Textblocks — ohne einen neuen Absatz zu beginnen. Es ist ein sogenanntes Void-Element, hat also keinen Inhalt und kein schließendes Tag. Wichtig: <br> ist nur für Stellen gedacht, an denen der Umbruch zum Inhalt gehört, etwa in Adressen oder Gedichten. Für Abstände zwischen Elementen gibt es CSS.

Grundlagen

Ein <br> bricht den Text an genau dieser Stelle um und setzt ihn in der nächsten Zeile fort — ohne den Absatz zu beenden. Das ist ein feiner, aber wichtiger Unterschied zu <p>: Ein neues <p> erzeugt einen komplett neuen Absatz mit Abstand, <br> macht nur einen einfachen Zeilenumbruch.

• <br> ist ein Void-Element: Es hat keinen Inhalt und kein schließendes Tag
• Die Schreibweise ist <br> (in HTML) oder <br /> (in XHTML/JSX) — beide sind korrekt
• Es erzeugt einen einfachen Zeilenumbruch ohne zusätzlichen Abstand
• Verwende <br> nur, wenn der Umbruch inhaltlich begründet ist (Adressen, Gedichte, Songtexte)
• Für Abstände zwischen Elementen verwende CSS (margin, padding) statt mehrerer <br>

Syntax

Zeile 1<br>
Zeile 2

Beispiele

Adresse formatieren

Eine Postadresse ist ein klassisches Beispiel: Die Zeilen gehören zusammen als ein Block, aber jede Zeile braucht einen Umbruch:

<p>
  Max Mustermann<br>
  Musterstraße 42<br>
  12345 Musterstadt<br>
  Deutschland
</p>

Gedicht oder Liedtext

Bei Gedichten und Liedtexten gehören die Zeilenumbrüche zum Inhalt — sie sind Teil der Form, nicht nur Dekoration:

<p>
  Dunkel war's, der Mond schien helle,<br>
  schneebedeckt die grüne Flur,<br>
  als ein Wagen blitzesschnelle<br>
  langsam um die Ecke fuhr.
</p>

Barrierefreiheit

Screenreader behandeln <br> als Pause im Text — ähnlich wie ein kurzer Atemzug beim Vorlesen. Bei einem einzelnen <br> in einer Adresse oder einem Gedicht ist das korrekt und hilfreich.

Problematisch wird es, wenn du mehrere <br>-Elemente hintereinander verwendest, um visuellen Abstand zu erzeugen. Screenreader lesen dann mehrere Pausen hintereinander vor, was den Text unverständlich macht. Nutze für Abstände immer CSS margin oder padding.

Auch das Missbrauchen von <br> zur Erstellung von Absätzen ist für Screenreader-Nutzer nachteilig: Mit <p>-Elementen können sie absatzweise navigieren, mit <br>-Umbrüchen nicht. Die Textstruktur geht verloren.

Häufige Fehler

• Mehrere br für Abstände: <br><br><br> zu verwenden, um vertikalen Abstand zu erzeugen, ist einer der häufigsten Anfängerfehler. Dafür gibt es CSS margin und padding. Screenreader lesen jeden <br> als Zeilenumbruch vor, was den Text unverständlich macht.

• br statt p für Absätze: Wenn du einen neuen Gedanken beginnen willst, verwende ein neues <p>-Element statt <br>. Absätze sind semantisch korrekt und geben dem Browser und Screenreadern die richtige Information über die Textstruktur.

• br am Ende eines Absatzes: Ein <br> direkt vor </p> ist überflüssig — der Browser beginnt nach dem Absatz sowieso eine neue Zeile.

Browser-Kompatibilität

Das br-Element wird von allen Browsern seit der allerersten HTML-Version unterstützt.

Email-Kompatibilität

Das br-Element funktioniert zuverlässig in allen Email-Clients und ist eine sichere Wahl für Zeilenumbrüche in E-Mails.

Verwandte Elemente