Wie richte ich mit CSS zwei Div-Blöcke in derselben Zeile aus?

Ausrichten von zwei Div-Blöcken auf derselben Linie

Um zwei Div-Blöcke auf derselben Linie auszurichten, können Sie CSS-Eigenschaften wie text-align und display verwenden.

CSS:

<code class="css">#block_container {
    text-align: center;
}

#bloc1, #bloc2 {
    display: inline;
}</code>

HTML:

<code class="html"><div id="block_container">
    <div id="bloc1"><?php echo " version " . $version . " Copyright &copy; All Rights Reserved."; ?></div>
    <div id="bloc2"><img src="..."></div>
</div></code>

Befolgen Sie diese Richtlinien, um eine ordnungsgemäße Ausrichtung sicherzustellen:

• Wickeln Sie die Div-Blöcke in ein Container-Div (#block_container) und stellen Sie dessen Textausrichtung auf „Mitte“ ein.
• Setzen Sie die Anzeigeeigenschaft der Div-Blöcke (#bloc1 und #bloc2) auf „Inline“. Lassen Sie sie in derselben Zeile erscheinen.
• Als Best Practices vermeiden Sie es, Rohinhalte direkt in div-Tags zu platzieren und verwenden Sie stattdessen semantische Tags wie

  oder für Text.

Durch die Anwendung dieser Stile werden die beiden div-Blöcke innerhalb ihres Containers horizontal auf derselben Zeile ausgerichtet.

Das obige ist der detaillierte Inhalt vonWie richte ich mit CSS zwei Div-Blöcke in derselben Zeile aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!