---
title: hr
slug: Web/HTML/Element/hr
tags:
  - HTML
  - HTML Elemente
  - HTML Referenz
translation_of: Web/HTML/Element/hr
---
<h3 id="Übersicht">Übersicht</h3>

<p>Das <strong>HTML &lt;hr&gt; - Element</strong> (hr für engl.: <em>horizontal rule</em>) wird verwendet, um eine horizontale Linie einzufügen, die Bereiche im Dokument von einander trennt. Die Linie wird normalerweise als angehobene oder hervorstehende Linie gerendert.</p>

<h3 id="Attribute">Attribute</h3>

<dl>
 <dt>{{htmlattrdef("align")}} {{deprecated_inline}}</dt>
 <dd>Legt die Ausrichtung der Linie fest. Wird kein Wert angegeben, ist der Standardwert <code>left</code>.</dd>
 <dt>{{htmlattrdef("color")}} {{Non-standard_inline}}</dt>
 <dd>Legt die Farbe der Linie durch einen Farbnamen oder einen hexadezimalen Wert fest.</dd>
 <dt>{{htmlattrdef("noshade")}} {{deprecated_inline}}</dt>
 <dd>Deaktiviert den Schatten.</dd>
 <dt>{{htmlattrdef("size")}} {{deprecated_inline}}</dt>
 <dd>Legt die Höhe der Linie in Pixeln fest.</dd>
 <dt>{{htmlattrdef("width")}} {{deprecated_inline}}</dt>
 <dd>Legt die Länge der Linie durch eine prozentuale Angabe oder eine Angabe in Pixeln fest.</dd>
</dl>

<h3 id="Beispiel">Beispiel</h3>

<pre>  &lt;p&gt;Das ist der erste Absatz des Texts. Das ist der erste Absatz des Texts.
     Das ist der erste Absatz des Texts. Das ist der erste Absatz des Texts.&lt;/p&gt;

  &lt;hr&gt;

  &lt;p&gt;Das ist der zweite Absatz des Texts. Das ist der zweite Absatz des Texts.
     Das ist der zweite Absatz des Texts. Das ist der zweite Absatz des Texts.&lt;/p&gt;
</pre>

<p>Dieses HTML gibt das Folgende aus:</p>

<p>Das ist der erste Absatz des Texts. Das ist der erste Absatz des Texts. Das ist der erste Absatz des Texts. Das ist der erste Absatz des Texts.</p>

<hr>
<p>Das ist der zweite Absatz des Texts. Das ist der zweite Absatz des Texts. Das ist der zweite Absatz des Texts. Das ist der zweite Absatz des Texts.</p>

<h3 id="Hinweis">Hinweis</h3>

<p>Um das Aussehen der Linie zu verändern oder die Abstände zu definieren, sollten <a href="/de/CSS" title="de/CSS">Cascading Style Sheets</a> verwendet werden.</p>

<h3 id="Siehe_auch">Siehe auch</h3>

<ul>
 <li><a href="/de/HTML/Element/p" title="de/HTML/Element/p">HTML Paragraph Element</a></li>
</ul>

<p>{{HTMLRef}}</p>