CSS是用于創建網頁布局和樣式的技術。在網頁中，我們可以使用CSS來對齊列表中的元素，使其呈現更加美觀和易于閱讀。其中，居中對齊是常見的一種布局技巧。下面，我們將介紹如何使用CSS將li元素居中對齊。

首先，我們需要了解li元素的布局方式。li元素通常包含多個子元素，這些子元素可以是數字、字母或其他字符。為了將li元素居中對齊，我們可以使用CSS的`margin`和`text-align`屬性。

以下是一個示例代碼，將一個名為`myList`的li元素設置為居中對齊：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

在這個示例中，我們使用了一個ul標簽，并將其中的每個li元素添加一個類名為`myList`的li元素。我們將li元素的`margin`設置為`0 auto`，這將使其子元素垂直居中，同時水平對齊。

接下來，我們需要為li元素的`text-align`屬性添加一個值，以使其在水平方向上居中對齊。我們可以使用`text-align`屬性的`center`值來居中對齊。

以下是一個示例代碼，將`myList`中的每個li元素都設置為居中對齊，并將其水平對齊：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

在這個示例中，我們使用了一個ul標簽，并將其中的每個li元素添加一個類名為`myList`的li元素。我們使用CSS的`margin`和`text-align`屬性，并將`text-align`屬性的值設置為`center`，使其水平對齊。

現在，我們可以將這個代碼應用于多個li元素，使其在整個列表中居中對齊。

總之，通過使用CSS的`margin`和`text-align`屬性，我們可以將li元素居中對齊，使其更加美觀和易于閱讀。