css項目列表如何水平放置

列表項目默認分行排列，那么將列表項設置浮動就可以實現水平放置

1	li{ float : left ;}

示例如下：

1. 創建Html元素

   1 2 3 4 5 6

   < ul >      < li >itemlist-1</ li >      < li >itemlist-2</ li >      < li >itemlist-3</ li >      < li >itemlist-4</ li > </ ul >

2. 設置css樣式

   1 2	ul{ width : 500px ; height : 50px ; line-height : 50px ; padding : 10px  25px ; border : 4px  solid  #ebcbbe ;} li{ padding : 0  20px ; float:left ;}

3. 觀察顯示效果