1.让ul li水平排列的CSS代码：
li {display:inline}
或者采用float:left方式。
2.让div水平并排:
<div style="float:left"></div> <div style="float:left"></div>
或者
<div style="float:left"> <div></div> <div></div> </div>
但是有一点注意，当把ul li和div放置在同一个div1中，li采用了float会影响到后面的div，所以采用dispaly比较保险。
不过还有待再学习学习.......
原文：http://www.cnblogs.com/heyuheitong/p/4024596.html