title: How to take an element over to given padding with CSS
body: <p>In the below image. I've given 10px padding to container because most of the time I need that padding. only the headings (blue) I don't need padding. How to extend heading over padding?</p>
  
  <p><a href="https://i.stack.imgur.com/DeSHZ.jpg" rel="nofollow noreferrer">http://i.stack.imgur.com/DeSHZ.jpg</a></p>
  
  <p>I don't want to give individual padding to each element inside container.</p>
  
  <p><img src="https://i.stack.imgur.com/qpBrZ.jpg" alt="enter image description here"></p>