CSS中的li元素在實際開發中經常用于構建導航菜單等橫向排列的列表。我們可以使用CSS中的display屬性來控制li元素在一排顯示。

首先，我們可以將li元素設置為inline-block，這樣可以讓li元素在一行內依次排列，但是每個li元素的寬度會根據內容的不同而不一樣，這樣可能會導致整個導航菜單不美觀，我們可以通過設置固定的寬度或者使用padding來解決這個問題。

ul li {
display: inline-block;
width: 100px;
text-align: center;
padding: 10px;
}

另一種常用的方式是將li元素設置為float:left，這樣也可以讓li元素在一行內依次排列，并且每個li元素的寬度可以根據內容自適應，但是這樣可能會導致父元素高度塌陷的問題，我們可以通過設置父元素的overflow屬性為hidden來解決這個問題。

ul {
overflow: hidden;
}
ul li {
float: left;
padding: 10px;
}

實際開發中，我們可以根據需求選擇合適的方式來控制li元素在一排顯示，這樣可以使頁面更加美觀和易用。