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

我试图在标题中添加徽标，但当我添加徽标时，它会向下移动电子邮件和联系人号码（它们也在标题中）

我该如何解决这个问题？我正在使用一个简单的img功能将徽标添加到标题中

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

我该怎么做

而且我也不希望这个背景图像显示在整个页面上。它应该只占页面的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>

另见下文：-

你说你想要像图片和它旁边的文字这样的东西。对吗？ 所以，根据我的理解，我试过这样的方法：-

.s{
 display:inline-block;

 }

检查此链接：-

---

请参见，要添加小电子邮件和电话图标，只需在谷歌上搜索图像，复制其链接并粘贴到图像源中即可。根据您的要求调整图像的大小

  height:30px;
  width:30px;

检查此链接，我已添加图像图标

---

PS:-不要因为看到代码而害怕。因为它包含图像url，所以它太长。

你能发布你的代码或链接到你的页面吗？你能发布你的CSS吗？请添加一个它的屏幕截图？您可以更改页边距顶部：0px；根据你的需要，你的问题一定会得到解决。一定要告知它是否起作用。是的，它起作用了。我做错了什么？我想在电子邮件地址前面有一个小的电子邮件图标。怎么能加上呢？

  height:30px;
  width:30px;