在CSS中，大家可以使用list-style-position属性来控制li元素的排列方式。list-style-position属性可以设置为auto、top、bottom、left、right中的一个值。
其中，auto表示元素将自动沿着垂直或水平方向排列。当使用top、bottom和left属性时，元素将根据其在文档中的相对位置进行调整。例如，如果li元素在ul元素的顶部，则将它们按垂直方向排在ul元素的顶部。如果li元素在ul元素的底部，则将它们按水平方向排在ul元素的底部。
下面是一个使用top和bottom属性来横向排列li元素的示例：
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
在这个例子中，大家将li元素按照它们所在的行顺序排列，并将他们的上下位置设置为0,0。这样，当li元素之间的上下位置相同时，它们将按横向顺序排列。
下面是一个使用left和right属性来横向排列li元素的示例：
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
在这个例子中，大家将li元素按照它们所在的行顺序排列，并将他们的左右位置设置为0,0。这样，当li元素之间的左右位置相同时，它们将按横向顺序排列。
除了left和right属性之外，大家还可以使用垂直和水平位置来精确控制li元素的排列方式。例如，使用垂直位置0,0和水平位置100%可以使li元素按垂直和水平方向居中排列。
总之，list-style-position属性可以用于控制li元素的排列方式，而不同的排列方式可以使用不同的属性值来实现。通过灵活使用这些属性，大家可以创建出各种不同类型的列表。