如何在浮動圖像周圍環繞文字

Question

我一直在圍繞如何簡單地在浮動圖像周圍環繞文字而苦苦掙扎。事情是，圖像是抵消的。它應該是div容器的一半和一半。

在小提琴，你可以看到它目前的樣子：https://jsfiddle.net/nvLtpdtt/2/

而且這是我希望它是：https://imgur.com/a/S0Kd8

我嘗試一些與display: flex，position: relative或position: absolute和float: right/left，但它總是不是我一直在尋找

任何幫助嗎？

Answer 1

您希望圖像位於段落內 - 從那裏，您可以將其左/右浮動以獲取文本。

對於底部，您無法真正做出響應 - 但如果這是一次性的，您至少可以將其添加到媒體查詢中，只有在內容是理想寬度時纔會觸發。

https://jsfiddle.net/8ukk28e4/

您也想刪除

.box-img{ 
top: 150px; 
}