Как доделать блок div с border и заголовком?

Нужен блок с рамкой и заголовком. Сумел сверстать только такое. Но внутрь ничего толком не вставишь из за padding, помогите доделать блок, чтобы он работал адекватно и подходил под адаптивный дизайн.

<div class="borderbox">
<div class="titcenter"><div class="tittop"><i class="fa fa-rocket fire" aria-hidden="true"></i> Похожие новости</div></div>
</div>
<style>
  .borderbox {border: 1px solid rgb(192, 192, 192);padding: 200px 200px 0px 200px;z-index:1px;}
    .titcenter {margin: 0 auto;text-align:center;}
    .tittop {margin-top:-219px;background:#eeeeee;text-height:20px;font-size:25px;}
    .fire {color:#f94f4f;font-size:30px;margin-right:20px;}
    }
</style>