Html 边框底部显示不正确

我试图在我的页面标题底部加一个边框，但它似乎在整个div下划线，而不仅仅是文本。有没有人知道这是什么原因以及如何修复

html

---

提前感谢

是块元素，意味着它们的宽度为100%。将它添加到CSS

.blockTitle>p{display:inline block；}

中，它应该可以工作

---

是块元素，意味着它们的宽度为100%。将它添加到CSS
.blockTitle>p{display:inline block；}
中，它应该可以工作

我建议您使用
span
替换
p
标记bcz，
p
标记用于段落，如果您想使用相同的代码，请修改css

.blockTitle > p {
    border-bottom: 3px solid black;
    display: inline-block;
}

我建议您使用
span
替换
p
标记bcz，
p
标记用于段落，如果您想使用相同的代码，请修改css

.blockTitle > p {
    border-bottom: 3px solid black;
    display: inline-block;
}

是块元素，意味着它们的宽度为100%。将它添加到CSS
.blockTitle>p{display:inline block；}
中，它应该work@SexyTurnip它起作用了！我以后会记住的！非常感谢您抽出时间<代码>
是块元素，意味着它们的宽度为100%。将它添加到CSS
.blockTitle>p{display:inline block；}
中，它应该work@SexyTurnip它起作用了！我以后会记住的！非常感谢您抽出时间！
.blockTitle > p {
    border-bottom: 3px solid black;
    display: inline-block;
}