CSS中l(wèi)i橫向排列的示例文章：

在CSS中，我們可以使用list-style-position屬性來(lái)控制li元素的排列方式。list-style-position屬性可以設(shè)置為auto、top、bottom、left、right中的一個(gè)值。

其中，auto表示元素將自動(dòng)沿著垂直或水平方向排列。當(dāng)使用top、bottom和left屬性時(shí)，元素將根據(jù)其在文檔中的相對(duì)位置進(jìn)行調(diào)整。例如，如果li元素在ul元素的頂部，則將它們按垂直方向排在ul元素的頂部。如果li元素在ul元素的底部，則將它們按水平方向排在ul元素的底部。

下面是一個(gè)使用top和bottom屬性來(lái)橫向排列l(wèi)i元素的示例：

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

在這個(gè)例子中，我們將li元素按照它們所在的行順序排列，并將他們的上下位置設(shè)置為0,0。這樣，當(dāng)li元素之間的上下位置相同時(shí)，它們將按橫向順序排列。

下面是一個(gè)使用left和right屬性來(lái)橫向排列l(wèi)i元素的示例：

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

在這個(gè)例子中，我們將li元素按照它們所在的行順序排列，并將他們的左右位置設(shè)置為0,0。這樣，當(dāng)li元素之間的左右位置相同時(shí)，它們將按橫向順序排列。

除了left和right屬性之外，我們還可以使用垂直和水平位置來(lái)精確控制li元素的排列方式。例如，使用垂直位置0,0和水平位置100%可以使li元素按垂直和水平方向居中排列。

總之，list-style-position屬性可以用于控制li元素的排列方式，而不同的排列方式可以使用不同的屬性值來(lái)實(shí)現(xiàn)。通過(guò)靈活使用這些屬性，我們可以創(chuàng)建出各種不同類型的列表。