在網頁設計中，圖像與文本的排版是非常重要的一環。為了使頁面美觀，我們需要控制圖像與文本的間距。而在CSS中，可以使用margin和padding屬性來控制圖像和文本之間的距離。

margin屬性會在元素的外側創建一段空白間距，而padding屬性會在元素內側創建一段空白間距。這兩個屬性可以用來控制元素與其他元素之間的距離，以及元素內部各個部分之間的距離。

下面是一個例子：

img {
margin-right: 10px;
padding: 5px;
}

上面的代碼為img元素設置了右側10像素的margin以及5像素的padding。這樣圖像與文本之間就會有一定的間距，同時圖像周圍也會有一定的留白。

如果你想要更精細地控制圖像與文本之間的距離，可以使用vertical-align屬性。這個屬性決定了文本在垂直方向上的對齊方式，可以讓圖像和文本在垂直方向上完美對齊。

下面是一個例子：

img {
vertical-align: middle;
}

上面的代碼將圖像與文本在垂直方向上居中對齊。這樣的排版會顯得更加整齊美觀。

總的來說，在網頁設計中，圖像和文本的排版是非常重要的一環。我們需要控制它們之間的間距，使頁面看起來更加美觀和有序。使用CSS的margin、padding和vertical-align屬性可以幫助我們精細控制圖像和文本之間的距離，為我們的頁面加分不少。