title: Styling Div as shown in image
body: <p>I need a div to be created this way shown in the image<a href="https://i.stack.imgur.com/VHWXZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VHWXZ.png" alt="enter image description here"></a></p>
  
  <p>CSS code as follows :</p>
  
  <p>/* Styles go here */</p>
  
  <pre><code> .col-sm-3.widget_1_box {
    padding: 0 5px;
  }
  
  .bg-success {
    background-color: #dff0d8;
  }
  
   .tile-progress {
    padding: 30px;
    margin-bottom:1em;;
  }
  </code></pre>
  
  <p>I have created a div here in plnkr </p>
  
  <pre><code>&lt;div class="widget_1"&gt;
               &lt;div class="col-sm-3 widget_1_box"&gt;
                  &lt;div class="tile-progress musers"&gt;
                      &lt;div class="newheader"&gt;
                          &lt;h4&gt;&lt;i class="topicname"&gt;Manage Users&lt;/i&gt; &lt;/h4&gt;
                         &lt;!-- &lt;div class="progress"&gt;&lt;div class="progress-bar inviewport animated visible slideInLeft" style="width: 40%;"&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
                          &lt;!--&lt;span&gt;40% increase&lt;/span&gt;--&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://plnkr.co/edit/kMis2AGzSdKfc1Bhis3e?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/kMis2AGzSdKfc1Bhis3e?p=preview</a></p>
  
  <p>Need assistance.</p>