CSS規則讓列表水平排列非常簡單。我們首先需要設置父元素（通常是一個

標簽）的display屬性為flex。這樣，所有子元素都變為了彈性項目，可以利用彈性盒模型輕松布局。

接下來，我們需要設置彈性項目的方向。使用flex-direction屬性可以控制子元素的水平或垂直排列。如果我們要讓列表水平排列，我們可以設置flex-direction:row;

最后，我們可以使用justify-content屬性來控制水平排列的對齊方式。可以選擇讓子元素居中、靠左或靠右等等。例如， justify-content:center;可以讓所有子元素在中間居中對齊。

ul {
display:flex;
flex-direction:row;
justify-content:center;
}

以上就是讓列表水平排列的CSS規則的簡單示例。使用flex布局，我們可以輕松地實現復雜的布局方案，而且更易于 responsive design 的實現。學好 CSS 和彈性盒模型，你將擁有更大的創作空間和更多出色的作品！