單列變雙列css_DIV+CSS實作清單一行兩列的效果

DIV+CSS沒有系統地學習過，感覺還沒入門，實際用起來捉襟見肘的，想用DIV+CSS控制，實作清單一行兩列的效果，有人給出如下辦法：

.left_b{width:376px;height:auto; float:left;}

.left_b li{width:170px;height:30px; line-height:15px; float:left; margin-right:10px;}

.left_b img{ padding:5px;}

• 

• 

(如果出現間距或是位置錯誤的問題，可以在LI裡面加屬性調整。)

參考效果如下：

以下辦法你不妨也試一下，不過不是外部樣式表，在不确定列項内容時也不好做吧。

a1---------float:left;定義寬度百分比

a2---------float:right;定義寬度百分比(注意：不要超過li的寬度)

li---------定義高度跟寬度