在网页设计中，我们常常需要将列表项横向排列，而不是默认的纵向显示。比如导航菜单或者图片集展示，`ul li`横排可以让页面看起来更简洁美观。那么，如何实现呢？其实很简单，只需要添加一行CSS代码即可：

```css

ul { display: flex; }

```

这段代码会将`ul`内的所有`li`变成水平排列。如果想让每个列表项之间有间距，可以再加一句：

```css

li { margin-right: 15px; }

```

比如一个简单的导航栏：

• 首页🏠
• 关于我们👥
• 服务列表📋
• 联系我们📞

通过这种方式，你的列表不仅整洁了，还提升了用户体验。快试试吧！👀