[CSS]Div 水平並排

之前在是DIV怎麼水平並排
一直搞不定會有奇怪的問題
之後才發現一是個小小的css就可以處理了
水平並排後的物件要用
css : clear:both; 重新整理一下


<style type="text/css">
<!--
.ImageList{
float: left;

}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style>

<div id="image1" class="ImageList"><img src="images/image.jpg" /></div>
<div id="image2" class="ImageList"><img src="images/image.jpg" /></div>
<div id="image3" class="ImageList"><img src="images/image.jpg" /></div>121323
<br class="clearfloat" />6
112ds3a
<div id="image4"><img src="images/image.jpg" /></div>