htmlで、文字とかを横に並べる方法。
<div sytle=float:xxx;>を使う。

何にもしない場合。

<div><p>hage</p></div>
<div><p>hage</p></div>
<div><p>hage</p></div>

表示は下記。


hage

hage

hage


で、style=float:left;を入れた場合は、、(+空白&nbsp追加)

<div style=float:left;><p>hage</p></div>
<div style=float:left;>&nbsp;</div>
<div style=float:left;><p>hage</p></div>
<div style=float:left;>&nbsp;</div>
<div style=float:left;><p>hage</p></div>

こうなる。


が、、うまく表示されないので、削除...


で、解除は、style=clear:both

<div style=float:left;><p>hage</p></div>
<div style=float:left;>&nbsp;</div>
<div style=float:left;><p>hage</p></div>
<div style=float:left;>&nbsp;</div>
<div style=float:left;><p>hage</p></div>
<div style=clear:both></div>
<div>hage</div>
<div>hage</div>

で、こうなる。


hage

 

hage

 

hage

hage
hage