Move border-bottom further down?
<p>Is there an easy way to just move the border down 5px? Like some trick would be great... </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>   h2{
    display: inline-block;
    }
    .video{
    vertical-align: middle;
    }
    .item{
      border-bottom: 1px solid green;
    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>      &lt;div class="item"&gt;
    &lt;iframe class="video" width="200" height="100" src="//www.youtube.com/embed/" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
     &lt;h2&gt;title&lt;/h2&gt;
    &lt;/div&gt;</code></pre>
</div>
</div>
</p>