Comment aligner des blocs Div sur la même ligne horizontale ?

Aligner des blocs Div sur la même ligne horizontale

Lorsque vous essayez d'aligner deux blocs div sur la même ligne, HTML et CSS peuvent être utilisés pour réaliser cette disposition.

Pour aligner les blocs div horizontalement, créez un conteneur div avec l'ID "block_container". Dans le CSS, spécifiez les propriétés suivantes pour ce div conteneur :

#block_container {
    text-align: center;
}

Cela centrera tous les éléments à l'intérieur du div "block_container".

Pour les deux blocs div, attribuez-leur des identifiants uniques tels que "bloc1" et "bloc2". Dans le CSS, utilisez les propriétés suivantes :

#bloc1, #bloc2 {
    display: inline;
}

En définissant l'affichage sur inline, les blocs div seront placés les uns à côté des autres horizontalement.

Exemple 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>

Notez qu'il est recommandé d'utiliser des balises sémantiques appropriées pour le contenu, telles que

ou , au lieu de placer le contenu brut directement dans les éléments div.

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!