在網頁設計中，經常遇到將圖片與文字對齊的情況。這時候，我們可以使用 CSS 來解決。使用 CSS 可以讓我們更加方便地控制圖片和文字的位置和大小，以使其更好地配合、呈現出更美觀的網頁效果。

首先，我們需要在 HTML 中添加相應的代碼，以顯示圖片和文字。例如：

<img src="image.jpg">
<p>這是一段文字。</p>

緊接著，在 CSS 中設置相應的樣式，將圖片和文字對齊。對于圖片，我們可以設置其display屬性為inline-block。這個屬性可以使圖片在同一行內與文字對齊，而不是占用整個行的寬度。

img {
display: inline-block;
}

接下來，我們可以通過設置文字的vertical-align屬性來控制其垂直對齊方式。例如，我們可以將其設置為middle，使文字居中與圖片對齊。

p {
vertical-align: middle;
}

以上就是使用 CSS 將圖片和文字對齊的基本方法。當然，還有很多其他的樣式屬性可以使用，例如margin、padding等，可以根據具體的需求進行調整。