1. ホーム
  2. html

同一線上にある2つのdivブロック

2024-01-07 10:15:44

質問

2つのdivブロックを同じquot;line"にセンタリングする方法は?

最初のdivです。

<div id=bloc1><?php echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>  

2つ目のdiv:

<div id=bloc2><img src="..."></div>

どのように解決するのですか?

CSSを使用します。

#block_container
{
    text-align:center;
}
#bloc1, #bloc2
{
    display:inline;
}

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>

また、生コンテンツを <div> のような適切なタグを使用してください。 <p> または <span> .

編集:以下は jsFiddleデモ .