title: how to make html label text inherit div properties
body: <p>I have a test label in a col-6 div. the text should have the width of the div with col-6 class.</p>
  
  <p>this is how it looks now </p>
  
  <p>how can i make the text inherit the div's width? 
  <a href="https://i.stack.imgur.com/Z3Xtx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z3Xtx.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="col-md-6"&gt;
          &lt;div class="form-group"&gt;
            &lt;div&gt;
              &lt;input type="checkbox"/&gt;
              &lt;div class="state p-danger"&gt;
                &lt;div [inlineSVG]="'assets/svg/accept.svg'"&gt;&lt;/div&gt;
                &lt;label&gt;I will also be available to meet during the event so list me with the available resources&lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>