CSS:设置CSS行

设置display属性值inline-block是很好的,因为@Vinothin已经为您解答了.这是你可以使用的另一个技巧.

使用transform属性将帮助您使用绝对位置.

.banner-bottom h2 {
  font-size: 2em;
  color: #372568;
  position: relative;
  padding-bottom: 1em;
  text-align: center;
}

.banner-bottom h2:before {
  content: '';
  position: absolute;
  top: 25%;
  transform: translateX(-100%);
  /* no left value is required */
  background: #372568;
  height: 2px;
  width: 8%;
}

.banner-bottom h2:after {
  content: '';
  position: absolute;
  top: 25%;
  /* no right value is required */
  background: #372568;
  height: 2px;
  width: 8%;
}

  

    
Special Promo
    
Promo