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元素在一排显示，这样可以使页面更加美观和易用。