如何定義讓兩個div橫向排列
方法一：
一般情況，默認(rèn)的div是寫一個換一行，那么如何定義兩個div橫向排列而不換行呢？
div默認(rèn)的display屬性是block。所以每一個div都是新的一行，現(xiàn)在把display換成inline就不會換新行了。
<div style="background-color:#ff0000;display:inline;">aaa</div>
<div style="background-color:#ffff00;display:inline;">bbb</div>
方法二：
這里使用float:right屬性。float做為CSS中的一個屬性定義元素向哪個方向浮動。
float:right 文本或圖像會移至父元素中的右側(cè)。
注意有寫情況float屬性必須配合width使用，否則失效。
<td class="bg10">
<div style="width:120px; float:right;">閱讀次數(shù)：9999</div>
<div style="width:200px; float:right;">發(fā)表日期：2009-09-10</div>
</td>
.bg10 {
background-image:url(../images/news_r6_c4.jpg);
height:24px;
line-height:24px;
color:#939393;
}
height:24px; 和 line-height:24px; 高度一致，文字垂直居中。
附圖：顯示的效果