HTML标题两边水平线

<section class="section section-2">
<div class="video">
<h2 class="title">How to Use Coupons?</h2>
</div>
<div class="product">
<h2 class="title">

<hr style="width: 61px;border-style: solid;border-width: 2px thin;display: inline-block;margin-right: 9px;">

<span style="display: inline-block;overflow: hidden;">New Product</span>

<hr style="width: 61px;border-style: solid;border-width: 2px thin;display: inline-block;margin-left: 9px;"></h2>
</div>
</section>