CSS小圖標在網頁設計中常被使用，它能夠為網頁增加美觀程度和視覺效果。但是，由于圖標本身占用空間較小，當圖標和文字混在一起排版時，往往會出現文字對齊的問題。下面，我們介紹在使用CSS小圖標時，如何對齊文字。

.icon {
display: inline-block; /* 讓圖標和文字在同一行內 */
vertical-align: middle; /* 圖標居中對齊 */
margin-right: 6px; /* 圖標和文字之間的距離 */
}

在以上的CSS代碼中我們使用了display:inline-block屬性，使得圖標和文字在同一行內顯示。Vertical-align: middle屬性則是將圖標和文字垂直居中對齊。Margin-right: 6px屬性則控制圖標和文字之間的距離。

以一個常見的示例來說明文字對齊的問題。如果我們需要在網頁中展示一系列的文章列表，列表項中包含文章標題、時間和小圖標等元素。那么，在沒有正確對齊文字的情況下，這個列表會顯得非常不協調。這時，上述的CSS代碼就可以很好地解決這個問題。

總之，在使用CSS小圖標時，我們需要注重對齊文字，讓網頁展示更加美觀、整潔。