Wordpress文本环绕图像

Question

我正在尝试做一些我认为需要花费2分钟而且需要花费2个小时的事情...当您将图像插入Wordpress时，它会自动将其放入段落中。我试图让后续的段落环绕图像，没有什么对我有用。我的CSS是：

p img.alignleft {
    float: left;
}

p {
    float:left;
    clear: none;
}

我错过了什么？！我的HTML只是：

这就是为什么我很生气 - 这就是我试着开始的原因！它应该不需要任何东西，因为Wordpress已经在默认主题css中拥有它，并且我不会在我的自定义主题中过度使用它。我的HTML是：

<h2>Title</h2>
<h3>Subtitle</h3>
<p><a href="imgroot"><img class="alignleft size-medium wp-image-89" src="imgroot" width="300" height="300" /></a></p>
<p>Lorem ipsum...</p>
<p>Lorem ipsum...</p>

Answer 1

根据您的问题，以下工作：

.alignleft {
  float: left;
}

<h2>Title</h2>
<h3>Subtitle</h3>
<p><a href="imgroot"><img class="alignleft size-medium wp-image-89" src="http://placehold.it/300x300" width="300" height="300" /></a></p>
<p>Lorem ipsum...</p>
<p>Lorem ipsum...</p>

您只需将图片浮动到左侧（由上面的可运行代码段证明）...如果这不起作用，请与我们分享您的HTML标记。