Comment aligner deux blocs Div sur la même ligne avec CSS ?

Alignement de deux blocs Div sur la même ligne

Afin d'aligner deux blocs div sur la même ligne horizontale, nous pouvons utiliser CSS et la propriété display. Voici comment y parvenir :

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="Comment aligner deux blocs Div sur la même ligne avec CSS ?" ></div>
</div></code>

En définissant l'alignement du texte du div du conteneur au centre et l'affichage du enfants div à intégrer, nous veillons à ce que les éléments circulent horizontalement dans leur conteneur et soient centrés en conséquence.

Notes supplémentaires

Il est recommandé d'éviter de placer le contenu brut directement dans les éléments div. Utilisez plutôt des balises HTML appropriées telles que

ou pour donner un sens sémantique à votre contenu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!