<html> 横に並べる。
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;'を入れた場合は、、(＋空白 追加)
<div style='float:left;'><p>hage</p></div> <div style='float:left;'> </div> <div style='float:left;'><p>hage</p></div> <div style='float:left;'> </div> <div style='float:left;'><p>hage</p></div>
こうなる。
が、、うまく表示されないので、削除...
で、解除は、style=clear:both'。
<div style='float:left;'><p>hage</p></div> <div style='float:left;'> </div> <div style='float:left;'><p>hage</p></div> <div style='float:left;'> </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
