<div> Tag - Container für Inhalte

Umschließt mehrere Elemente in einem Container:

<div style="background-color:green">
  <h3>Das ist eine Überschrift</h3>
  <p>Das ist Inhalt</p>
</div>

Online testen

Verwendung

Mit dem div Tag können Sie Elemente, z.B. Texte, Grafiken, Tabellen, HTML-Elemente in einem gemeinsamen Bereich einschließen. Ohne weitere Angaben bewirkt das Element nicht viel, es wird lediglich eine neue Zeile begonnen. Die Bereiche werden in der Regel mit CSS formatiert. Sofern sinnvoll, sollten Sie andere semantische Elemente wie article oder nav verwenden. In HTML 4 wurde das div Element gerne zur Ausrichtung verwendet. Hier kam das Attribut align zum Einsatz. Mit HTML 5 ist dieses Attribut veraltet und sollte nicht mehr verwendet werden.

Attribute

Attribut Wert Beschreibung
align left
right
center
justify
Legt die Ausrichtung der Elemente innerhalb des div Tags fest. In HTML 5 veraltet.

Darstellung

Das ist eine Überschrift

Das ist Inhalt