css - 如何在一行中使用元素符号在一行中设置多个元素的样式

Question

我希望在同一行上显示的元素之间的元素符号以及在大小允许的情况下包含多个元素的行。

例如，这个列表:

<ul>
<li>Apples</li>
<li>Orange Cake</li>
<li>Lemon</li>
<li>Juice</li>
<li>Chocolate Icing</li>
<li>Extremely Tasty Milk</li>
<li>Tea</li>
<ul>

应该这样显示:

Apples o Orange Cake o Lemon
   Juice o Chocolate Icing
 Extremely Tasty Milk o Tea

Answer 1

你可以试试这个

li{
    float:left;
    margin-left:25px;
}

Js Fiddle Demo