在網頁設計中，圖片和文字的排版是非常重要的，它直接影響到網頁的美觀程度和用戶體驗。HTML提供了一些屬性，可以幫助我們設置圖片和文字之間的距離。

要設置圖片文字之間的距離，可以使用以下屬性：

<img src="圖片地址" alt="描述文字" style="margin: 10px;">
<p style="margin-top: 20px;">這是一段文字。</p>

在上面的代碼中，我們使用了兩個屬性：margin和margin-top。

margin屬性用于設置元素的外邊距，也就是元素和周圍元素之間的距離。我們可以在style屬性中使用這個屬性，來設置圖片周圍的空白區域的大小。在這里，我們設置圖片和周圍元素之間的距離為10像素。注意，這個屬性要寫在img標簽的style屬性中。

另一個屬性是margin-top，它用于設置元素上邊緣和其父元素之間的距離。在這里，我們將段落元素的上邊緣與其父元素（通常是body）之間的距離設置為20像素。

當然，除了這兩個屬性，還有很多其他的屬性可以用來設置元素之間的距離。例如padding、margin-right、margin-bottom等等。在實際使用中，需要根據實際情況選擇合適的屬性。

總之，要讓網頁看起來更加美觀，就需要注意圖片和文字之間的距離。通過使用HTML提供的屬性，可以輕松實現這個目標。