Css h1自定义边框底部宽度而不是全宽

这就是我需要的：

这就是我所拥有的：

h1 {
    border-bottom: 3px solid red;
}

边界是全宽的

---

有好的解决方案吗？

尝试使用display:inline块

显示：内联块

这是你的答案


洛雷姆

Loerm ipsum h1

其他Loerm ipsum h1
h1{
底部边框：3倍纯红；
显示：内联块；
文本对齐：居中；
}
.全宽{
文本对齐：居中
}
使用h1标记上的显示：表格单元格{左填充：50px；右填充：50px；底部填充：10px；显示：内联块；}和文本对齐：父对象的中心。
<div class="full-width">
<h1>Lorem</h1><br/>
<h1>Loerm ipsum h1</h1><br/>
<h1>Other Loerm ipsum h1</h1>
</div>

h1{
   border-bottom: 3px solid red;
   display: inline-block;
    text-align:center;

}
.full-width{
  text-align:center
}