Div-Blöcke auf derselben horizontalen Linie ausrichten

Beim Versuch, zwei Div-Blöcke auf derselben Linie auszurichten, können HTML und CSS verwendet werden um dieses Layout zu erreichen.

Um die Div-Blöcke horizontal auszurichten, erstellen Sie ein Container-Div mit der ID „block_container“. Geben Sie im CSS die folgenden Eigenschaften für dieses Container-Div an:

#block_container {
    text-align: center;
}

Dadurch werden alle Elemente innerhalb des „block_container“-Div zentriert.

Weisen Sie den beiden Div-Blöcken eindeutige IDs wie „bloc1“ und „bloc2“ zu. Verwenden Sie im CSS die folgenden Eigenschaften:

#bloc1, #bloc2 {
    display: inline;
}

Durch die Einstellung der Anzeige auf Inline werden die Div-Blöcke horizontal nebeneinander platziert.

Beispiel-HTML:

Beachten Sie, dass es empfohlen wird, geeignete semantische Tags für Inhalte zu verwenden, wie z. B.

oder , anstatt Rohinhalte direkt in div-Elementen zu platzieren.