在進行網站設計時，我們通常會用到無序列表（UL）和有序列表（OL），而這兩種列表中的每一個列表項一般都是由
li {
display: inline-block;
text-align: center;
}CSS代碼中的display: inline-block;可以讓li標簽顯示為行內塊元素，而text-align: center;可以讓其在水平方向上居中顯示。
除此之外，我們還可以在父元素中使用text-align:center;讓所有子元素都居中顯示，如下代碼所示：
ul {
width: 100%;
text-align: center;
}
li {
display: inline-block;
}在這段代碼中，我們將父元素ul的寬度設置為100%，并在其內部使用text-align:center;來實現所有子元素（即li標簽）都水平居中的效果。