How to avoid space after div in css?
<p>In the following <a href="https://jsfiddle.net/bybt28p3/" rel="nofollow">jsfiddle</a> there are some space getting appended below the content. When I inspect the element I get the <code>::after</code>. Could someone help with this? How can I get rid of this space?</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.grey_medium_font {
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    text-decoration: none;
    border-top: 0px none rgb(102, 102, 102);
    border-right: 0px none rgb(102, 102, 102);
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    border-left: 0px none rgb(102, 102, 102);
    /*font: normal normal normal normal 26px / 52.2px 'Source Sans Pro', Helvetica, sans-serif;*/
    font: normal normal normal normal 30px / 52.2px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: rgb(102, 102, 102) none 0px;
    transition: border-color 0.1s ease 0s;
}/*#grey_medium_font*/</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row" style="margin: 0; padding-bottom: 15px; width: 100%; height: 30%; background: #fdd;"&gt;
  &lt;div class="feature  feature-icon-small col-sm-1"&gt;
    &lt;i class="icon icon-tools"&gt;&lt;/i&gt;
  &lt;/div&gt;
  &lt;div class="col-sm-4"&gt;
    &lt;h5 style="margin: 0;" class="grey_medium_font"&gt;Edit Post&lt;/h5&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>