Div ブロックを同じ水平線上に配置するにはどうすればよいですか?

Div ブロックを同じ水平線上に配置する

2 つの div ブロックを同じ水平線上に配置する場合、HTML と CSS を使用できます。

div ブロックを水平に配置するには、ID「block_container」を持つコンテナ div を作成します。 CSS 内で、このコンテナ div の次のプロパティを指定します。

#block_container {
    text-align: center;
}

これにより、「block_container」 div 内のすべての要素が中央に配置されます。

2 つの div ブロックに対して、一意の ID を割り当てます。 「ブロック1」や「ブロック2」など。 CSS で、次のプロパティを使用します。

#bloc1, #bloc2 {
    display: inline;
}

表示をインラインに設定すると、div ブロックが水平方向に並べて配置されます。

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="Div ブロックを同じ水平線上に配置するにはどうすればよいですか?" ></div>
</div>

コンテンツには、

などの適切なセマンティック タグを使用することをお勧めします。生のコンテンツを div 要素に直接配置する代わりに、

または を使用します。

以上がDiv ブロックを同じ水平線上に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。