在網頁設計中，我們常常需要在頁面中讓圖像和文字配合顯示。但是在實際操作中，我們可能會遇到圖片和文字對不齊的情況。那么在 CSS 中，我們應該如何實現圖片和文字對齊呢？

首先，我們可以使用 CSS 的 display 屬性來實現圖片和文字對齊。實現方法如下：

這是一段文字。

在上述代碼中，我們將 img 標簽和 p 標簽都設置為 inline-block，使它們可以在同一行內顯示。同時，我們還給圖片設置了 vertical-align: middle 屬性，讓圖片和文字可以在垂直方向上對齊。

另外，我們還可以使用 background-image 屬性來設置文字的背景，達到圖片和文字對齊的效果。實現方法如下：

這是一段文字。

在上述代碼中，我們使用了 background-image 屬性將圖片作為文字的背景。同時，我們還設置了 padding-left 屬性來讓文字與圖片之間留出一定的間距。使用 background-repeat: no-repeat 屬性可以避免圖片重復出現，而 background-position: left center 則用來調整圖片在文字背景中的位置。

以上就是使用 CSS 實現圖片和文字對齊的兩種方法。在實際開發中，根據具體情況來選擇合適的方法，讓頁面展示更加美觀。