在網頁設計中，列表（List）是一個常見的元素。經常會有這樣的需求：調整列表項之間的間距或者將列表項靠左或靠右對齊。那么怎樣用 CSS 來實現呢？

首先，我們需要清楚列表項的 HTML 結構。在 HTML 中，有兩種類型的列表：無序列表（ul）和有序列表（ol）。它們的子節點是列表項列表項（li）。以下是一個基本的 HTML 代碼：

<ul>
<li>列表項一</li>
<li>列表項二</li>
<li>列表項三</li>
</ul>

如果我們需要調整列表項的左右間距，可以使用 CSS 的 margin 屬性。margin 屬性用于控制元素與周圍元素之間的距離。例如，如果我們需要增加列表項之間的間距，我們可以這樣寫 CSS：

li {
margin-bottom: 10px;
}

上述代碼將每個列表項的下方間距增加了 10 像素。

如果我們需要將列表項靠左或者靠右對齊，可以使用 CSS 的 text-align 屬性。text-align 屬性用于改變元素內部的文本水平對齊方式。例如，如果我們需要將列表項靠右對齊，我們可以這樣寫 CSS：

ul {
text-align: right;
}
li {
display: inline-block;
margin-left: 10px;
}

上述代碼中，我們給 ul 元素設置了 text-align: right，將 ul 內部的文本靠右對齊。同時，我們需要將每個列表項變成display: inline-block，并且給每個列表項設置一個左側間距。

總之，在設計網頁時，靈活運用 CSS 的 margin 和 text-align 屬性可以幫助我們更好地控制列表的間距和對齊方式，使網頁看起來更加美觀。