<p class="text-info">
   <i class="line line-l"></i>
   <span class="txt">resto restaurant home page website template</span>
   <i class="line line-r"></i>
</p>

.index-banner-text{
   position: absolute;
   top: 200px;
   left: 50%;
   margin-left: -388px;
}
.index-banner-text .text-logo{
   width: 776px;
   height: 117px;
   background: url("../images/text-logo.png") no-repeat;
}
.index-banner-text .text-info{
   margin-top: 17px;
   text-align: center;
   color: #ffffff;
}
.index-banner-text .text-info .line{
   display: inline-block;
   width: 40px;
   border-top: 1px solid #ffffff;
   vertical-align: middle;
   *margin-top: 22px;
}

.index-banner-text .text-info .txt{

  margin: 0 26px;
}