CSS圖標是一個非常棒的設計元素，可以使網站更加生動有趣，并且可以在網頁上傳達特定的信息。圖標可以自行設計，也可以使用現成的可用圖標庫。

常見的問題是，如何使圖標跟隨文字？這在我們創建自己的社交媒體按鈕和導航欄時很有用。在這里，我們將學習如何在CSS中實現圖標跟隨文字。

首先，我們需要在HTML中添加一個帶有圖標的元素：

<div class="icon-text">
<i class="fa fa-heart"></i> 
點贊
</div>

在這個例子中，我們使用Font Awesome圖標庫中的元素，以及class為“fa fa-heart”的CSS class。然后將文字“點贊”放在元素后面。

接下來，我們需要使用CSS來使圖標跟隨文字：

.icon-text{
display: inline-flex;
align-items: center;
}
.icon-text > i{
margin-right: 5px;
}

在這個例子中，我們使用了“inline-flex”屬性來使圖標和文本在同一行中。我們還使用了“align-items”屬性來垂直對齊圖標和文本。最后，我們設置了一些右邊距，以確保圖標和文本分離。

這就是如何在CSS中實現圖標跟隨文字的全部內容。您可以根據需要對樣式進行調整。