Use CSS to control the display effect of multiple columns of Div. Ul. Li

Code
1 <style type = "text/CSS">
2. Column {}{ width: 300px; Height: 74px; float: Left ;}
3. Column ul {}{ width: 280px ;}
4. Column Li {}{ width: 100px; float: Left; display: block ;}
5 </style>
6 <Div class = "column">
7 <ul>
Eight <li> 1111111 </LI>
9 <li> 2222222 </LI>
10 <li> 3333333 </LI>
<Li> 4444444 </LI>
12 <li> 5555555 </LI>
13. <li> 6666666 </LI>
14 <li> 7777777 </LI>
15 </ul>
16 </div>

This code is very useful when multiple columns of display control are required. You can adjust the width of each element in CSS to get different display effects. Copy the code to the webpage and run it to see how it works !!!