分割线的实现

    <div class="split-line">
      <div class="line left"></div>
      <div class="text">知识库</div>
      <div class="line right"></div>
    </div>

.split-line {
  height: 20px;
  color: #E2B06B;
  width: 95%;
  margin: 0 auto;
  font-size: 14px;
  position: relative;
  text-align: center;
}

.split-line div {
  display: inline-block!important;
}

.split-line .line {
  width: 40%;
  position: absolute;
  top: 50%;
  border: 1px solid;
  border-color: #E2B06B;
}

.split-line .left {
  left: 0;
}

.split-line .right {
  right: 0;
}