divを横に並べる【HTML&CSS】

float

左詰

float: left;

<div style="float: left;">
[ブロック01]
</div>
<div style="float: left;">
[ブロック02]
</div>
<div style="float: left;">
[ブロック03]
</div>

[ブロック01][ブロック02][ブロック03]

右詰

float: right;

<div style="float: right;">
[ブロック01]
</div>
<div style="float: right;">
[ブロック02]
</div>
<div style="float: right;">
[ブロック03]
</div>

[ブロック03][ブロック02][ブロック01]

clear : both ;

clear : both ;で解除

<div style="clear: both;"></div>