2022-06-24【储备】一些冷门CSS样式-持续更新

1、实现一个html文字左右两边有居中的直线，css怎么实现文字居中两边横线效果。

效果示例

html代码：
 
  

    
我是有底线的
  

css样式代码：
/*页面最底部 底线*/
  .buttomTips {
    height: 30/75rem;
    line-height: 30/75rem;
    font-family: PingFangSC-Regular;
    font-size: 22/75rem;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    width: 100%;
    position: relative;
  }

  .buttomTips:after,
  .buttomTips:before {
    content: "";
    position: absolute;
    top: 50%;
    background: #D8D8D8;
    height: 1px;
    width: 100/75rem;
  }

  .buttomTips:after {
    left: 90/75rem;
  }

  .buttomTips:before {
    right: 90/75rem;
  }

最终效果图：

最终效果图