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

Question

我试图在标题中添加 Logo ，但当我添加它时，它会将电子邮件和联系电话(它们也在标题中)向下移动。

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

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

我该怎么做？

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

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

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

</style>
    <h3>info@xyz.com  +123-456-789 <h/3>

</header>

我的 CSS:

    #logo{
        display:inline-block;
}

Answer 1

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

你说你想要像图像和与之相邻的文本之类的东西。正确的？ 所以，根据我的理解，我尝试了这样的事情:-

.s{
 display:inline-block;

 }

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