在H3标签旁边向右浮动图片

我发现向右浮动的图像不会与标题标签(例如H3)并排放置。 H3标签希望有自己的行, 因此它将始终显示在图像下方。

如果我也将图像放在H3标签内, 那么它可以工作, 但是我希望以某种方式在CSS中更正此问题, 因为我们的某些编辑器不习惯于研究html。

这是H标签行为的标准方式吗？还是我可以调整CSS的古怪之处？

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

#1

这是正常现象, 因为H标签是块级元素。有关更多信息, 请参见此说明。

还要注意, 你可以使块级元素不扩展所有宽度(这对于块元素来说是正常的), 例如, 如果使其浮动(并减小其宽度), 更改其显示属性等。教程以获取更多信息。

#2

尝试将h3标签放在图片标签之后。…它们应该并排出现…..

像这样：

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

#3

你需要做的只是添加float：left;到你的h3标签。

看到这个小提琴。