title: CSS property to pad text inside of div
body: <p>Is there a way to give a <code>div</code> element some padding INSIDE its border? For example, currently all the text inside my main <code>div</code> element goes right to the edge of the element's border. I'd like, as a general rule on this site, to have at least 10 to 20 px of space between the text and the border. </p>
  
  <p>Here's a screen shot to illustrate what I currently have:</p>
  
  <p><img src="https://i.stack.imgur.com/gZOtp.png" alt="enter image description here"></p>