鏈接圖像旁邊的文本

Question

我知道如何通過將float：left應用於圖像旁邊的文本，但是當我給它一個鏈接時，例如href="#"文本將不會粘在圖像上，它掉下來了。爲了提供更多關於該項目的信息，我的<a>標籤中的<p>標籤顯示爲：inline-block;我申請到的img標籤的CSS是：

float:left; 
margin-right: 15px; 
border:0px; 

那麼，爲什麼會出現這種情況？我希望自己的形象能夠像當我不把它放在<a>標籤之間時一樣。

Answer 1

float: left;表示該元素浮動到同一父級內容的左側。由於您正在將圖像封裝在<a></a>標記內，因此圖像正在漂浮在<a>內的內容的左側。

如果應用浮到a而不是img，那麼a將浮動到內容的左邊其父，根據需要。