在html中删除img标记后的换行符

Question

我在h3标签之前使用img标签，没有使用break语句。但是当我在浏览器中运行它时，它会在不同的行上显示2个标签。是否有一种CSS技术可以解决这个问题，或者更简单的标签属性，它会使两个元素显示在同一条线上？

提前致谢！

------------------------------- edit --------------- -------------------------------

迄今为止的答案效果很好。但它还没有。如果你看截图，你会看到我想要的东西（我应该首先指明，我知道）......

如果我使用上述方法之一，你会发现h3标签没有漂浮在img标签的中间。我希望h3标签在图像中间浮动..

Answer 1

标题标记的默认样式（<h1>到<h6>）包含display: block。为<h3>代码指定display: inline样式将覆盖此行为。

Answer 2

您的意思是源代码还是实际元素？如果您指的是实际元素，请将float: left;添加到它们中，它们将并排显示。

Answer 3

如果您将<img>标记放在<h3>块内，例如

，该怎么办？

<h3><img src=".." /> Hello world!</h3>

Answer 4

两个选项：

1. 使用line-height的{​​{1}}属性，该属性等于h3的{​​{1}}。

2. 将img和height用于您的padding-top并使用它来获取您想要的内容。

Answer 5

使用HTML时，我们遇到了问题。如果我们使用<img>和<h1>标记，则两者都不在同一行。有一种解决方案可以将它们放在同一条线上 - 在img标记内使用h标记：

<h2><img src="">Text here</h2>