Как сделать h3 и <hr> встроенными, или как оформить после заголовка горизонтальную линию

.drawLine{
  position:relative;
}

.drawLine:before{
  content:"";
  position:absolute;
  top:50%; /* line position can be changed according to requirment either top:0, top:50% or bottom:0*/
  left:0;
  width:100%;
  height:1px;
  background:#ccc;
}

.drawLine span{
  display:inline-block;
  background:#fff;
  position:relative;
  padding-right:5px; /*space between text and line*/
}

<div class = "row">
    <h3 class = "col-xs-12 drawLine"><span data-i18n-key = "Date.time.location">your text will be here</span></h3>        
</div>