在網頁設計中，常常需要將文本居中顯示，這在菜單欄或者標題等地方應用廣泛。在HTML中，我們使用無序列表（ul）來表示菜單欄或者標題。如何讓這些文本居中呢？下面我們來學習一下CSS的解決方案。 CSS中的文本居中屬性為text-align，它可以設置文本的對齊方式。我們可以通過將ul元素的text-align屬性設置為center來實現文本的居中顯示。下面是一個基本的CSS樣式：

ul{
text-align: center;
}

具體來說，這個樣式表達的是ul元素中的文本居中顯示。我們可以看到，這個CSS樣式設置了ul元素的text-align屬性為center。 當我們將這個樣式應用于一個HTML文檔時，就會發現ul中的文本已經居中了。不過需要注意的是，它只會影響到ul元素內的文本，而不會影響到其他元素。 如果我們希望應用這個樣式到其他元素，可以將樣式指向到它們所在的容器中。例如，如果我們希望將菜單欄中的所有內容居中顯示，可以將樣式定義在菜單欄的容器中，如下所示：

菜單1
菜單2
菜單3

在這里，我們將樣式定義在了"menu-container"這個div元素上，它包含了菜單欄中的所有內容，包括了ul元素。通過這樣的方式，我們可以輕松實現文本的居中顯示。 綜上所述，文本居中是網頁設計中常見的需求，它可以通過CSS的text-align屬性來實現。我們可以將這個屬性應用于ul元素或所在的容器中，從而實現對整個文本塊的居中顯示。