List Item

橫向清單

使用 float 於 li。

li {
  float: left;
}

結果預覽： <html> <style> #item1 li {

float: left;
margin-right: 5px;

} </style>

<body> <table border=“1”> <tr><td>Default</td><td>float: left;</td> <tr> <td>

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

</td> <td>

<ul id="item1">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

</td> </tr></table </body> </html>