在CSS中，可以使用多種方法使圖標與文字對齊，以下是一些常見的對齊方法：

1、使用vertical-align屬性：

vertical-align: middle; 可以使圖標與文字在垂直方向上居中對齊。

vertical-align: top; 可以使圖標與文字在垂直方向上頂部對齊。

vertical-align: bottom; 可以使圖標與文字在垂直方向上底部對齊。

2、使用flexbox布局：

- 創(chuàng)建一個flex容器，并使用align-items: center;來垂直居中對齊圖標和文字。

- 使用justify-content: center;可以水平居中對齊圖標和文字。

3、使用grid布局：

- 創(chuàng)建一個grid容器，并使用align-items: center;來垂直居中對齊圖標和文字。

- 使用justify-content: center;可以水平居中對齊圖標和文字。

4、使用position屬性：

- 使用***定位（position: absolute;）可以將圖標放置在文字的任何位置，并通過top、right、bottom、left屬性進行調整。

5、使用transform屬性：

- 使用transform屬性可以進行更復雜的對齊操作，例如旋轉、縮放等。

示例代碼

以下是一個使用vertical-align屬性的示例：

<div>
  <img src="icon.png" style="vertical-align: middle;">
  <span style="vertical-align: middle;">文字</span>
</div>

以下是一個使用flexbox布局的例子：

<div style="display: flex; align-items: center; justify-content: center;">
  <img src="icon.png">
  <span>文字</span>
</div>

希望這些方法能幫助你在CSS中更好地對齊圖標和文字。