要實現li css橫向排列，我們可以使用display屬性來改變列表的呈現方式。默認情況下，li元素以塊狀方式呈現，每個元素占據一行。但是，我們可以將它們改為內聯元素，這樣它們就可以在同一行內排列。

ul {
list-style-type: none; /* 去掉列表標志 */
margin: 0;
padding: 0;
}
li {
display: inline; /* 將li元素改為內聯元素 */
margin-right: 20px; /* 添加一些間距 */
}

上面這段CSS代碼將ul元素的margin和padding都設置為0，以避免列表出現不必要的空白。而li元素的display屬性被設置為inline，這樣它們就可以在同一行內排列。我們還添加了一些margin-right屬性，以便在每個li元素之間留出一些間距。

實際上，我們還可以使用其他的方式來實現li css橫向排列。例如，我們可以使用float屬性，將所有li元素浮動到左側，并將它們排成一排。我們還可以使用flexbox布局，這是一種以彈性盒子為基礎的新布局方式。

ul {
list-style-type: none; /* 去掉列表標志 */
margin: 0;
padding: 0;
display: flex; /* 使用flexbox布局方式 */
}
li {
margin-right: 20px; /* 添加一些間距 */
}

上面這段CSS代碼使用了flexbox布局方式來排列li元素。我們將ul元素的display屬性設置為flex，這樣它就可以變成一個彈性容器，而li元素會成為彈性項。我們還設置了一些margin-right屬性，以便在每個li元素之間留出一些間距。