Wie richtet man mit CSS zwei Div-Blöcke auf derselben Linie aus?

Zwei Div-Blöcke auf derselben Linie ausrichten

Um zwei Div-Blöcke auf derselben horizontalen Linie auszurichten, können wir CSS und die Anzeigeeigenschaft verwenden. So können Sie dies erreichen:

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="/static/imghwm/default1.png" data-src="..." class="lazy" alt="Wie richtet man mit CSS zwei Div-Blöcke auf derselben Linie aus?" ></div>
</div></code>

Indem Sie die Textausrichtung des Container-Divs auf „Mitte“ setzen und die Anzeige des Wenn Sie untergeordnete Divs in Inline umwandeln, stellen wir sicher, dass die Elemente horizontal in ihrem Container fließen und entsprechend zentriert sind.

Zusätzliche Hinweise

Es wird empfohlen, Rohinhalte nicht direkt in div-Elementen zu platzieren. Verwenden Sie stattdessen geeignete HTML-Tags wie

oder um Ihren Inhalten eine semantische Bedeutung zu verleihen.

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