title: how to remove padding for a certain element inside a div?
body: <p>I have some nested columns in my bootstrap design. The grey background color for my  element, has some gaps on the left and right which comes from the padding of bootstrap columns. I can remove the padding by doing <code>padding:0px</code> but it will remove padding for all the elements. Is there a way to remove padding for <code>h3</code> only?</p>
  <pre><code> &lt;div class=&quot;col-12&quot;&gt;
         &lt;h3 style=&quot;text-align:center;background-color:grey;&quot;&gt;WAIVER&lt;/h3&gt;
         &lt;div class=&quot;col-md-6 col-12&quot;&gt;
           &lt;p&gt;lorem ipsum&lt;/p&gt;
         &lt;/div&gt;
         &lt;div class=&quot;col-md-6 col-12&quot;&gt;
           &lt;p&gt;lorem ipsum&lt;/p&gt;
         &lt;/div
      &lt;/div&gt;
  </code></pre>