Html 垂直div之间的空格

Html 垂直div之间的空格,html,css,blank-line,Html,Css,Blank Line,我对html和css非常新(就像过去几天一样),我正在尝试创建一个网站。我找到了一大堆与我的问题相关的答案,但仍然不知道如何修复代码和删除div之间的空白。任何帮助都将不胜感激!我已经在下面包含了相关代码。谢谢 <!DOCTYPE html> <html> <head> <title>Budget Line of Business</title> <style> h1 {font-family: "Footlight MT

我对html和css非常新(就像过去几天一样),我正在尝试创建一个网站。我找到了一大堆与我的问题相关的答案,但仍然不知道如何修复代码和删除div之间的空白。任何帮助都将不胜感激!我已经在下面包含了相关代码。谢谢

<!DOCTYPE html>
<html>
<head>
<title>Budget Line of Business</title>
<style>
h1 {font-family: "Footlight MT Light";
       font-size: 52px; color: white; font-weight: bold; }
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: none;
}

li {
float: right;
}

li a {
display: block;
color: #FC4A1A;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #062f4f;
}

</style>
</head>
<body>
<div style="background-color:#f7b733;">
<ul><strong>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#ideas">Ideas</a></li>
  <li><a href="#work">Our Work</a></li>
  <li><a href="#us">About Us</a></li></strong>
</ul>
<h1><center>Let's Make Your Budget Experience Extraordinary</center></h1>
<p style="text-align: center;">SEE WHAT WE CAN DO FOR YOU</p>
<p style="text-align: center;"><strong>^ (down button)</strong></p></p>       </div>
</div>

<div style="background-color:#4abdac;">
<h1 style="text-align: left;">Making budget offices better</h1>
</div>

<div style="background-color:#fc4a14;">
<h1 style="text-align:right;">Learn All About Budget</h1>
</div>

<div style="background-color:#062f4f;">
<h1 style="text-align: left;">We Make Technology Accessible</h1>
</div>

<div style="background-color:#DFDCE3;">
<h1 style="text-align:right;">Grow Your Career</h1>
</div>

</body>
</html>

预算业务线
h1{字体系列:“Footlight MT Light”;
字体大小:52px;颜色:白色;字体重量:粗体;}
保险商实验室{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:无;
}
李{
浮动:对;
}
李阿{
显示:块;
颜色:#FC4A1A;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
li a:悬停:未(.active){
背景色:#062f4f;
}
让我们让您的预算体验与众不同 看看我们能为您做些什么

^(向下按钮)

改善预算办公室 全面了解预算 我们让技术变得容易获取 发展你的事业
元素
p
h1
具有默认边距,这会在div之间添加您看到的空白。您可以删除此边距(通过将其设置为0),这样div之间就不会有空白:

p {
  margin: 0;
}
h1{ 
  margin: 0;
}
以下是一个工作示例:

h1{font系列:“Footlight MT Light”;
字体大小:52px;颜色:白色;字体重量:粗体;}
保险商实验室{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:无;
}
李{
浮动:对;
}
李阿{
显示:块;
颜色:#FC4A1A;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
li a:悬停:未(.active){
背景色:#062f4f;
}
p{
保证金:0;
}
h1{
保证金:0;
}

让我们让您的预算体验与众不同 看看我们能为您做些什么

^(向下按钮)

改善预算办公室 全面了解预算 我们让技术变得容易获取 发展你的事业
欢迎使用堆栈溢出!请阅读。关键短语:“搜索、研究”和“解释……任何阻碍你自己解决的困难”。删除h1页边距。h1{margin:0;}将您的h1标记更新为以下内容:h1{字体系列:“Footlight MT Light”;字体大小:52px;颜色:白色;字体重量:粗体;margin:0;padding:0;}是!非常感谢你的帮助!!