title: How to set background color only for div in column
body: <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>