css 伪元素居中对齐

css 伪元素居中对齐

 .demo {
    display: flex;
    padding: 40px;
  }

  .demo::after {
    content: '';
    display: inline-block;
    background-color: #717171;
    width: 80%;
    height: 1px;
    margin: auto; // 伪元素居中
    line-height: 100px;
    align-items: center;
    text-align: center;
    vertical-align: middle;
  }

 <div className={'demo'}>
        <h1>ThreeJs Mini Demo</h1>
      </div>

结果：

其他