html - HTML/CSS显示内联无法正常工作

我试图在同一行上有一个图像和一个h1元素。我查了一下，并尝试对父div元素以及两个元素都使用display:inline;。

这就是我到目前为止

<div style="display:inline;">
    <a class="blur" href="#"><img style="margin-top:6px;display:inline;margin-left:1320px;" src="images/gmail.png"></a>
    <h1 style="margin-top:6px;display:inline;margin-left:1220px;font-size:20px;color:white;font-style:italic;">Mail Us</h1>
</div>

这将在我想要的行上显示图像，但在其下显示h1元素。

我要完成的是将这两个元素放在同一行上。

最佳答案

您需要为每个元素（而不是父元素）使用display:inline-block。摆弄您的示例：http://jsfiddle.net/Lupjuby6/

而且，请do not use CSS inline!!这对HTML来说非常糟糕，除了使代码的分析变得更加复杂之外，还带来了许多其他不好的事情。

关于html - HTML/CSS显示内联无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29810520/