CSS是一種用于設計網頁的樣式表語言，今天我們將探討如何使用CSS控制圖標和文字之間的間距。在使用CSS進行網頁設計時，有時會需要在文字和圖標之間添加一些空白區域，以增加網頁內容的可讀性和美觀度。以下是幾種用于控制圖標與文字之間距離的常見CSS屬性：

/* 為圖標和文字添加空間間隔 */
.icon {
padding-right: 10px; /* 右側添加10px的間距 */
}
/* 為文字和圖標添加垂直間距 */
.text {
line-height: 24px;
}
/* 調整文字和圖標之間的水平間距 */
@media screen and (min-width: 768px) {
.icon {
margin-right: 20px; /* 右側添加20px的間距 */
}
}

padding-right屬性用于控制元素的內邊距，將元素的內部內容向右移，在圖標和文字之間添加空白區域。

line-height屬性用于控制文本行與行之間的垂直空白區域，可以將文字的垂直位置上下移動，使其與圖標對齊或在其下方或上方形成合適的間距。

margin-right屬性用于控制元素之間的外邊距，將元素向右移動，實現相鄰元素之間的空白分隔。這個屬性通常在響應式設計中使用，當屏幕寬度達到特定大小時，它將自動調整元素之間的間距。

以上是CSS控制圖標和文字間距的常用屬性，希望能夠幫助您創建更好的網頁設計體驗。