How to set background color only for div in column
<p>I want to set background color only for DIV in column, but I getting background on full column. How do this?
Here is my code (very simple)</p>

<pre><code>.news {
    background-color: #fff;
    padding: 15px 20px;

    .news-thumb {
        img {
            border-bottom: 5px solid $Brown;
        }
    }
}
</code></pre>

<p>and HTML:</p>

<pre><code>&lt;div class="col-lg-4"&gt;
    &lt;!-- DRUGI NEWS --&gt;
    &lt;div class="news"&gt;
        &lt;div class="news-thumb"&gt;
            &lt;img src="images/NewsThumb.png" alt="" class="img-responsive" /&gt;
        &lt;/div&gt;&lt;!-- /.news-thumb --&gt;
        &lt;div class="news-excerpt"&gt;
            &lt;p&gt;
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam,
                eaque!
            &lt;/p&gt;
        &lt;/div&gt;&lt;!-- /.news-excerpt --&gt;
    &lt;/div&gt;&lt;!-- /.news --&gt;
&lt;/div&gt;&lt;!-- /.col-lg-6 --&gt;
</code></pre>

<p><strong>UPDATE</strong>
Here is <a href="https://jsfiddle.net/ufhwrg8w/" rel="nofollow noreferrer">JSFiddle</a>
  I have background on full width, but I want only for 'my-div'</p>

<p><a href="https://i.stack.imgur.com/WgR7d.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WgR7d.jpg" alt="enter image description here"></a></p>