要素を横に並べる

要素を横に並べる方法をまとめます。 画像を用意するのは面倒なので 少し手間がかかるので、div要素を用います。 .divBox{ background-color: #00BFFF; height: 100px; width: 100px; margin: 10px; /* paddingは内側 */ /*padding: 10px;*/ } そのままだとdiv要素なので改行されてしまい、縦に並びます。 <div class="divBox">Box1</div> <div class="divBox">Box2</div> Box1 …