CSS中可以使用背景小圖標來增加頁面的美觀性，但有時候小圖標和文字對齊會成為一個問題。下面會介紹一些方法來解決這個問題。

.icon {
background-image: url("icon.png");
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.icon span {
vertical-align: middle;
}

上面的代碼展示了一種方法，利用padding來給文字留出一定的空間，同時使用background-position來將小圖標對齊。但是這種方法在處理多行文本時會出現問題，因為第一行的文字和第二行的文字的間距會變大。

為了解決這個問題，可以將小圖標作為標簽的背景。然后使用vertical-align來將文字和小圖標垂直對齊。

.icon {
padding-left: 20px;
}
.icon span {
display: inline-block;
background-image: url("icon.png");
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
vertical-align: middle;
}

這種方法可以很好地解決多行文本的對齊問題。但是如果小圖標的大小不一致，就需要調整每個標簽的padding-left的數值。

總之，對于CSS中的小圖標和文字對齊問題，可以利用padding和background-position的組合來解決，或者使用標簽的背景和vertical-align的結合。不同的情況可以選擇不同的方式。