※このページはリキッドレイアウトのCSSをマスターする(+レスポンシブウェブデザインへの適用)|2.IDEAのデモページです。

余白無し

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう

余白が可変(margin)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう

余白が可変(padding, IE8以上)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう

余白が固定(margin)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう

余白が可変(margin)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう
おこそとのほもよろをおこそとのほもよろをおこそとのほもよろをおこそとのほもよろを

余白が可変(padding, IE8以上)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう
おこそとのほもよろをおこそとのほもよろをおこそとのほもよろをおこそとのほもよろを

余白が固定(padding, IE8以上)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう
おこそとのほもよろをおこそとのほもよろをおこそとのほもよろをおこそとのほもよろを

余白が固定(margin)

あかさたなはまやらわあかさたなはまやらわあかさたなはまやらわあかさたなはまやらわ
うくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるううくすつぬふむゆるう
おこそとのほもよろをおこそとのほもよろをおこそとのほもよろをおこそとのほもよろを