在 H3 标签旁边向右浮动图像答案

【问题标题】：Floating right an image alongside a H3 tag在 H3 标签旁边向右浮动图像
【发布时间】：2011-12-15 04:02:07
【问题描述】：

我发现向右浮动的图像不会与 H3 等标题标签并排放置。 H3 标签希望有自己的行，所以它总是出现在图像下方。

如果我将图像也放在 H3 标记中，那么它可以工作，但我更愿意在 CSS 中以某种方式纠正这个问题，因为我们的一些编辑器不习惯深入研究 html。

这是 H 标记行为的标准方式吗？还是我可以调整的 CSS 的一个怪癖？

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

【问题讨论】：

【解决方案1】：

这是正常行为，因为 H 标签是块级元素。请参阅this explanation 了解更多信息。

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

【讨论】：

【解决方案2】：

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

像这样：

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

【讨论】：

【解决方案3】：

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

看到这个fiddle。

【讨论】：