HTML是建立網頁的基礎語言，在網頁中經常會出現圖片和文字的排版。如果圖片和文字之間的距離不合適，會影響頁面的美觀度和使用體驗。那么在HTML中如何設置圖片與文字間距呢？ 首先，可以在標簽中使用CSS的樣式來設置圖片與文字之間的距離。使用margin樣式可以控制圖像和周圍元素之間的間隔。例如，可以使用以下樣式代碼來設置圖像的上下邊距和左右邊距：

img {
margin: 10px;
}

這將為所有圖像設置10像素的邊距。可以根據需要增加或減少邊距，并使用像素、em或百分比等各種度量單位來指定邊距大小。 此外，可以使用CSS中的padding樣式來控制圖像周圍的空白區域。對于塊級元素，使用padding屬性可以在元素周圍創建一個填充區域。可以使用以下代碼設置左右填充：

p {
padding-left: 20px;
padding-right: 20px;
}

還可以將塊級元素的整個內部區域都設置為填充區域，使用以下樣式代碼：

p {
padding: 10px;
}

如果需要在一行中同時放置圖片和文本，可以使用CSS的垂直對齊樣式。使用vertical-align屬性可以將圖像與周圍的文本對齊。例如，可以使用以下樣式代碼將圖像垂直居中對齊：

img {
vertical-align: middle;
}

以上是HTML中設置圖片與文字間距的一些技巧和樣式，希望可以對您有所幫助。無論您需要將圖像嵌入到文本中還是分別處理圖像和文本，都可以使用這些技巧來使您的網頁看起來更加漂亮和專業。