CSS（層疊樣式表）是一種用于網頁設計的語言，可讓您對 HTML 文本、圖像和其他網頁內容進行樣式化。其中，對于文字和圖標對齊的處理也是其中一個非常重要的方面。本文將為您介紹幾種常見的方法和技巧，幫助您實現更好的對齊效果。 對于文字對齊，我們可以使用 `text-align` 屬性。這個屬性可以設置元素內文本的文本水平對齊方式。常見的值有 `left`、`center` 和 `right`。例如，要將元素內的文本居中對齊，您可以這樣做：

p {
text-align: center;
}

如果您只想讓某些特定文本對齊，而不是所有文本都進行對齊，可以使用 `span` 標簽：

p {
text-align: left;
}
span {
text-align: center;
}

對于圖標對齊，我們可以使用 `vertical-align` 屬性。這個屬性控制圖像在垂直方向上的對齊方式。它的值可以是像素、百分比、基準線、子/超級標識符等等。 例如，要將圖標和文本進行垂直居中對齊，您可以使用以下代碼：

p {
vertical-align: middle;
}
img {
vertical-align: middle;
}

還有一種常見的情況是，您可能希望一個圖標與若干個文字對齊。在這種情況下，我們可以將圖標設置為 `background-image`，并使用 `padding-left` 將文本向右推。

p {
background-image: url('icon.png');
background-repeat: no-repeat;
padding-left: 20px;
}

以上是關于 CSS 文字和圖標對齊的幾個基礎技巧。希望這篇文章對您有所幫助！