Html和Css边框底部为2行，而不是1行

我非常擅长HTML/CSS，我试图在我的文本下设置一行，我在CSS文件中使用了

边框底部

，它在我的文本下显示了两行。我肯定我错过了什么，但我不知道是什么。我不想使用

文本装饰：下划线

，因为我的文本和行之间需要空格。我的问题是

提前谢谢

这是我的代码：

CSS/HTML

正文{
背景色：#0d0d；
}
.中心{
保证金：自动；
宽度：50%；
}
h1{
字体系列：“Taviraj”，衬线；
颜色：白色；
边框底部：3px实心#404040；
显示：内联块；
垫底：2件；
填充：0px；
}
h3{
字体系列：“Taviraj”，衬线；
颜色：白色；
边框底部：1px实心#404040；
}
p{
颜色：#中交；
字体系列：“Taviraj”，衬线；
字体大小：23px；
边际：0px；
}
跨度{
颜色：#ffff1a；
}
跨度：悬停{
颜色：#808080；
}

Jon Chretien |前端引擎
你好
我叫乔恩·克雷蒂安。我是一个基础前端

工程师目前正在

. 以前在

精选作品

您的问题在于您的代码您需要关闭

请注意h3在您的代码中不关闭您忘记了关闭

标记中的

/

，因此浏览器将其分成两个h3，创建了两行。只需将斜杠插入

即可修复它

正文{
背景色：#0d0d；
}
.中心{
保证金：自动；
宽度：50%；
}
h1{
字体系列：“Taviraj”，衬线；
颜色：白色；
边框底部：3px实心#404040；
显示：内联块；
垫底：2件；
填充：0px；
}
h3{
字体系列：“Taviraj”，衬线；
颜色：白色；
边框底部：1px实心#404040；
}
p{
颜色：#中交；
字体系列：“Taviraj”，衬线；
字体大小：23px；
边际：0px；
}
跨度{
颜色：#ffff1a；
}
跨度：悬停{
颜色：#808080；
}

Jon Chretien |前端引擎
你好
我叫乔恩·克雷蒂安。我是一个基础前端

工程师目前正在

. 以前在

精选作品

Johannes先生非常感谢您！我陷入了这个愚蠢的错误。非常感谢你！