老师能不能讲一下这条线是怎么出来的呢？没有理解

&-title {
  position: relative;
  width: 100%;
  padding: 10px 0;
  font-size: $font-size-l;
  text-align: center;

  &:before,
  &:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 40%;
    height: 1px;
    background-color: #ddd;
  }
  &:before {
    left: 0;
  }
  &:after {
    right: 0;
  }
}