首先，在HTML中，圖片的對齊方式可以通過CSS樣式來設置，其中包括設置圖片與文本之間的距離。 具體來說，我們可以利用CSS樣式中的“float”屬性來實現圖片的對齊。例如，如果我們需要把圖片向右對齊，可以通過下面的代碼來實現：

img {
float: right;
margin-left: 20px;
}

在這個代碼中，我們首先把圖片的“float”屬性設置為“right”，表示讓圖片向右對齊。然后，我們通過“margin-left”屬性來設置圖片與文本之間的左側距離，這里我們設置為“20px”。當然，在實際情況中，具體的距離可以根據需要進行調整。 接下來，我們可以在HTML中使用“p”標簽來編寫文章內容。例如：

這里是一段內容，包括一些文字和圖片。

在這個例子中，我們首先用“p”標簽來包裹一段文字，然后用“img”標簽來插入一張圖片。注意，我們需要使用“src”屬性來指定圖片的路徑，并且可以使用“alt”屬性來為圖片添加一個描述性的文本。 最后，在HTML中，我們可以使用“div”標簽來將多個段落組合在一起。例如：在這個例子中，我們用“div”標簽來將兩個段落和一張圖片組合在一起，并且可以使用CSS樣式來對整個“div”區域進行樣式設置。