HTML+CSS-如何定義讓兩個div橫向排列

方法一：

一般情況，默認的div是寫一個換一行，那么如何定義兩個div橫向排列而不換行呢？

div默認的display屬性是block。所以每一個div都是新的一行，現在把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 文本或圖像會移至父元素中的右側。

注意有寫情況float屬性必須配合width使用，否則失效。

<td class="bg10">
  <div style="width:120px; float:right;">閱讀次數：9999</div>
  <div style="width:200px; float:right;">發表日期：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; 高度一致，文字垂直居中。