向右移动图像和H3标签

Question

我发现右侧漂浮的图像不会与标题标签（如H3）并排放置。 H3标签想要拥有自己的行，因此它总是出现在图像下方。

如果我将图像也放在H3标签内，那么它可以正常工作，但我宁愿在CSS中以某种方式更正这一点，因为我们的一些编辑器并不习惯钻研html。

这是H标签的标准方式吗？或者，我可以调整我的CSS的怪癖吗？

我在Wordpress中使用基于主题主题的子主题进行此操作。

Answer 1

这是正常行为，因为H标记是块级元素。有关详细信息，请参阅this explanation。

另请注意，您可以使块级元素不扩展所有宽度（对于块元素来说是正常的），例如，如果使其浮动（并减小其宽度），更改其显示属性等。有关详细信息，请参阅this fantastic tutorial。

Answer 2

尝试将h3标签放在图片标签之后......它们应该并排显示.....

像这样：

<img src="path/to/some/image" style="float:right;" />
<h3>some heading</h3>

Answer 3

您需要做的只是将float:left;添加到h3标记。

请参阅此fiddle。