内联图像，行情等

Question

我想知道如何标记内嵌图像。我有一个h2标记和span标记，所以：

<h2>John Smith <span>Head of Communications</span</h2>

在span标签内我想在其旁边放置一个带有人的推特细节的推特符号（在同一个句子中）。

另外，想要引用并在<p>标记内执行几乎相同的操作，这可能是相同的解决方案。

我该如何标记？我知道它可能非常简单，但在奇怪之前还没有完成，并且只有一种方法可以学习，问。

Answer 1

<h2>John Smith <span style="background: url(***TwitterSymbol.png***); display: block;">Head of Communications</span></h2>

使用CSS背景，您可以轻松地在文本旁边添加twitter徽标。 只需将TwitterSymbol.png替换为您要使用的Twitter徽标URL即可。显示块是显示背景图像所必需的。如果背景仍然没有出现，请尝试在内联CSS中添加特定的高度和宽度。

Answer 2

<h2>John Smith <img src="Image link here" /> Head of Communications</h2>

应该没问题。在小提琴中工作：http://jsfiddle.net/BgZjN/

也适用于p标签

Answer 3

您可以尝试将要与<span></span>标记内联的所有元素（图像）包装起来。然后，您应该为span包装器添加一个CSS属性：display: inline-block;（如果我没记错的话）。另外overflow: hidden;可能有所帮助。