文字两边带线并且居中

<div class="title-hrbg">

    <span class="cont">请选择你要发布的栏目</span>

    <div class="hr"></div>

</div>

/* 选择发布的栏目 */

.title-hrbg {

  position: relative;

  z-index: 1;

  height: 80px;

  line-height: 80px;

  overflow: hidden;

  color: #888;

  text-align: center;

  padding: 30px 0;

}

.title-hrbg .cont {

  background: #ffffff;

  padding: 0px 20px;

  font-size: 14px;

  z-index: 10;

  letter-spacing: 2px;

}

.title-hrbg .cont .icon-huo {

  padding-right: 10px;

}

.title-hrbg .hr {

  background: #ddd;

  height: 3px;

  border: 0;

  position: absolute;

  left: 15%;

  right: 15%;

  top: 50%;

  margin-top: 1px;

  z-index: -1;

}

人与人之间就是一个相互理解和妥协的过程。