▼inlineとblock

display: inline;  横に並ぶ、縦横の幅指定がきかない。

display: block; たてに並ぶ

display: inline-block; 横に並びながらブロック要素になる

※他にもいろいろあるが、この３つしか基本使わない！

例）

CSS

<style>

.box {

width: 200px;

height: 200px;

background: #f00;

margin: 10pxl

display: ○○○;

font-size: 30px;

}

</style>

HTML

<div class="box">1</div>

<div class="box">2</div>

<div class="box">3</div>

<div class="box">4</div>

<div class="box">5</div>

上記の○○○の部分を変えてみるとどのように変化するかがわかる。