HTML/CSS 显示内联不起作用

Question

我试图在同一行上放置一个图像和一个 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 元素。

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

Answer 1

您需要为每个元素(不是父元素)使用display:inline-block。摆弄你的例子:http://jsfiddle.net/Lupjuby6/

还有，do not use CSS inline!!这对您的 HTML 非常不利，除了使代码分析起来更复杂，还有很多其他不好的事情。