html HR位于顶部的居中标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html HR位于顶部的居中标签相关的知识,希望对你有一定的参考价值。

h1 {
    display: flex;
    
    &:before,
    &:after {
      content: '';
      flex: 1 1;
      border-bottom: 1px solid #000;
      margin: auto;
    }
    
    span {
        padding: 0 12px;
    }
}
<h1>
    <span>Text</span>
</h1>

以上是关于html HR位于顶部的居中标签的主要内容,如果未能解决你的问题,请参考以下文章

居中 <hr> 标签

Bootstrap 3 中的响应式 HR 对齐

html中的hr啥意思?

故事板约束问题:屏幕高度的一半

如何在html中线使用<hr>? [复制]

剑道条形图 - 顶部的系列标签?