CSS中，我們可以使用多種方法將列表元素橫向排列，以下是一種常見(jiàn)的方法，使用Flex布局來(lái)實(shí)現(xiàn)：

1、創(chuàng)建一個(gè)包含列表元素的容器。

2、將容器的display屬性設(shè)置為flex。

3、使用justify-content屬性將列表元素水平排列。

假設(shè)我們有一個(gè)包含以下列表元素的HTML結(jié)構(gòu)：

<div class="list-container">
  <ul>
    <li>列表項(xiàng)1</li>
    <li>列表項(xiàng)2</li>
    <li>列表項(xiàng)3</li>
  </ul>
</div>

我們可以使用以下CSS代碼將列表元素橫向排列：

.list-container {
  display: flex;
  justify-content: space-between; /* 可選，用于在列表元素之間添加間隔 */
}

這樣，列表元素就會(huì)被水平排列在容器中，如果需要更多的控制，例如調(diào)整列表元素的間隔或?qū)R方式，可以使用其他Flex布局相關(guān)的屬性來(lái)實(shí)現(xiàn)。

這種方法僅適用于現(xiàn)代瀏覽器，因?yàn)镕lex布局是CSS3中的新特性，在舊版本的瀏覽器中，可能需要使用其他技巧或庫(kù)來(lái)實(shí)現(xiàn)類(lèi)似的布局效果。