html HR位于顶部的居中标签

Posted 2021-05-10

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>