在網頁布局中，經常需要使用圖片與文本進行排列，而圖片與文字之間的水平對齊是一個常見的問題。在CSS中，可以利用text-align屬性來實現文字與圖片的水平對齊。而對于圖片本身的水平對齊問題，可以使用以下代碼進行設置：

img {
display: inline-block; /*將img元素設置為內聯塊狀*/
vertical-align: middle; /*設置垂直方向上與文字的中心線對齊*/
}

以上代碼中，display屬性被設置為inline-block，可以使圖片元素按照塊狀元素顯示，但是又可以與文字元素在同一行顯示。同時，vertical-align屬性被設置為middle，可以沿著垂直方向上與文字元素的中心線對齊。這樣，就可以實現圖片與文字之間的水平對齊了。 值得注意的是，在使用以上代碼時，需要將img元素添加至包含文字的容器元素中，以確保圖片與文字在同一行上進行排列。同時，如果需要使圖片向左或向右對齊，可以通過設置margin屬性來實現。

總之，利用CSS中的text-align屬性和vertical-align屬性，可以方便地實現圖片與文字的水平對齊效果，使得網頁排版更加美觀易讀。