我想停止文字环绕图像下方的环绕,而不对HTML进行任何更改。这可以完全由CSS完成吗?我知道文本可以包装在一个div中,但我无法在Wordpress上做到这一点。停止在图像下方环绕文字
的jsfiddle:https://jsfiddle.net/s01x1ere/
HTML
<div>
<p>
<a href="amazon.com"><img src="https://www.easycalculation.com/area/images/big-square.gif"></a>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
</div>
CSS
div {
width:500px;
}
img {
float:left;
height:100px;
width:100px;
}