在網頁設計中，經常需要將圖片和文字配合使用，這時候就需要調整它們之間的間距，以達到更美觀的效果。而CSS就是一種非常方便的工具來進行這樣的調整。 CSS中有兩種方法可以調整圖片和文字間距。一種是通過設置圖片和文字的margin值，另一種是通過設置padding值。我們逐一來看一下。 首先，我們先來看如何通過設置margin值進行調整。如下的代碼段：

p {
margin:0 0 20px 0;
}
img {
margin-right:10px;
}

在這段代碼中，我們設置了p標簽（代表段落）的margin來控制段落與周圍元素的間距。在這里，p標簽的margin屬性值為“0 0 20px 0”，這代表了在“頂部-右邊-底部-左邊”的順序下，分別為0像素、0像素、20像素和0像素的四個邊距。這個“20px”就是我們設置的段落與下面的元素之間的距離。 而對于圖片，我們則通過設置margin-right屬性值為“10px”，來控制圖片與它右側的元素之間的距離。同樣，我們可以使用margin-left、margin-top、margin-bottom等屬性值，來控制圖片和其他元素之間的距離。 其次，我們也可以通過設置padding值來進行調整。如下的代碼段：

p {
padding:20px;
}
img {
padding-right:10px;
}

在這段代碼中，我們設置了p標簽（代表段落）的padding屬性值為“20px”，這代表了在“頂部-右邊-底部-左邊”的順序下，分別為20像素的四個內邊距。這個“20px”就是我們設置的段落與周圍元素之間的距離。（需要注意的是，與margin值不同的是，padding值是針對元素內部而非外部的距離。） 而對于圖片，我們則通過設置padding-right屬性值為“10px”，來控制圖片與它右側的元素之間的距離。同樣，我們可以使用padding-left、padding-top、padding-bottom等屬性值，來調整圖片和其他元素之間的距離。 無論是使用margin還是padding進行調整，都可以根據實際需要來靈活應用。你可以通過調整不同的數值，來讓圖片和文字之間的距離看起來更加協調美觀。