無序列表（Unordered List）是 HTML 中常用的列表類型之一。默認情況下，無序列表中的列表項（List Item）是按照垂直方向排列的，每個列表項前面有一個圓點作為標志。

但是，有時我們需要把無序列表中的列表項橫向排列，這時候可以使用 CSS 來實現(xiàn)。首先，我們要把列表項的顯示方式從list-item改為inline或inline-block，以實現(xiàn)橫排的效果。

ul li {
display: inline; /* 或 inline-block */
}

上面的代碼將無序列表中的所有列表項都設(shè)置為inline或inline-block類型，從而實現(xiàn)橫排效果。不過需要注意的是，如果列表項的內(nèi)容過多，會導(dǎo)致橫向排列溢出到下一行，可以使用white-space: nowrap來避免這種情況。

ul {
white-space: nowrap;
}

上面的代碼將無序列表設(shè)置為不換行，確保列表項橫向排列不會溢出到下一行。

此外，還可以設(shè)置間距和字體大小等樣式，以讓橫向排列的無序列表更加美觀。

ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 1.5;
}
ul li {
display: inline-block;
margin-right: 20px;
}

上面的代碼將無序列表的標志符號去掉，同時設(shè)置了邊距、字體大小和行高等樣式。列表項設(shè)置了inline-block顯示方式，并增加了右邊距。

綜上所述，只需簡單的 CSS 樣式設(shè)置，就可以實現(xiàn)無序列表的橫向排列效果，為頁面設(shè)計提供更加靈活的布局方式。