html - 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 标记。