h1在文本上方创建不需要的空间

Question

我确定我的问题很新手，无论如何我无法弄清楚我做错了什么。基本上，我创建了一个<div>我用作标题，并在其中创建另一个<div>，其中包含图像（徽标）和标题（使用<h1>）。

问题是我在身体上方留下了不必要的额外空间 as you can see in this picture. 如果我摆脱<h1>标题，那么一切都很好。我认为问题是由于我已分配给图像的float: left;属性，因为如果我没有指定float属性，那么空格会消失，但as you can see如果我删除了float: left;图像标题不是＆＃34;对齐＆＃34;了。所以，问题是，如何使图像保持在左侧，图像右侧的标题，而不使用浮动属性？

任何帮助将不胜感激，谢谢！

编辑：感谢大家的答案，我在学校学习HTML和CSS，我的老师很少提到这样的事情。再次感谢

Answer 1

默认情况下，h1元素具有边距。只需添加以下内容即可将其删除：

margin: 0;

到你的h1元素的样式。

Answer 2

你可以用这个：

<h1 style="margin-top:0px; padding-top:0px">some text</h1>

Answer 3

在工作开始时，您应该清除边距样式（浏览器应用其中一些）。 所以只是在css文件的开头写：

h1 { 
  margin: 0;
}

许多开发人员只是启动一个css文件，如：

* {
 margin: 0;
 padding: 0;
}

清除它:) 您还应该阅读有关css reset和css normalize的内容：）

Answer 4

这是因为每个浏览器都有一个默认样式表，您可以在Browsers' default CSS stylesheets中找到它。如您所见，默认边距不为零。这可以通过向您的CSS明确添加margin: 0px来解决。