1. ホーム
  2. ハイパーリンク

[解決済み】div要素をインラインで表示させる方法は?

2022-04-16 18:33:05

質問

このHTMLが与えられた。

<div>foo</div><div>bar</div><div>baz</div>

このようにインラインで表示させるにはどうしたらいいのでしょうか。

foo bar baz

こんなもんじゃない

フー

バー

バズ

解決方法は?

それはまた別の話です。

div.inline { float:left; }
.clearBoth { clear:both; }
<div class="inline">1<br />2<br />3</div>
<div class="inline">1<br />2<br />3</div>
<div class="inline">1<br />2<br />3</div>
<br class="clearBoth" /><!-- you may or may not need this -->