title: Padding increasing the total size of a box element
body: <p>Is this the correct behavior for padding to increase the total size of a box element ? I'm trying to set padding to the left side of a box element which has the width set to 940px but when I add 25px in padding to the left side it adds these pixels to the width of the box element making it overlap the body-wrapper which is the parent element.</p>
  
  <p>I also tried marging-left but while this doesn't add to the total width of my box element it pushes it to the right causing it to overlap as well.. </p>
  
  <p>What is the best way to dealing with this issue?</p>
  
  <p>Please check screenshot for a visual:</p>
  
  <p><a href="https://i.stack.imgur.com/yQrTG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yQrTG.png" alt="enter image description here"></a></p>