html - 在标题中添加徽标和其他图像

我正在尝试在标头中添加徽标，但是当我添加徽标时，它会将电子邮件和联系电话（它们也位于标头中）向下移动。

我该如何解决？我正在使用一个简单的img函数将徽标添加到标题中。

我还想在标题中的电子邮件和电话号码之前显示一个小的电子邮件图标和一个小的电话图标。

我怎样才能做到这一点？

而且我也不希望此背景图像出现在整个页面上。它应该只占页面的1/4。我该怎么做才能做到这一点？

<header id="big">
<img src="capture.png"/>

<style type="text/css">
    body{
    background-image: url(ny.jpg);}

</style>
    <h3>[e-mail]  [phone] <h/3>

</header>

我的CSS：

    #logo{
        display:inline-block;
}

最佳答案

另请参见：-http://jsfiddle.net/9wa8j/1/

您说您想要类似图像的内容以及与其相邻的文字。对？
  因此，根据我的理解，我尝试了以下操作：

.s{
 display:inline-block;

 }

检查此链接：-
http://jsfiddle.net/9wa8j/

关于html - 在标题中添加徽标和其他图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21496083/