According to the example below, the "margin" and "padding" property will work to create a space of 100px around the paragraph element (creating space inside the border). So what is the difference between the "margin" and "padding" property in CSS?
<style type="text/css">
div.bor {
border:5px solid red;
}
div.mar {
margin:100px;
}
</style>
<div class="bor">
<div class="mar"><p>This is a paragraph</p></div>
</div><br>
<div class="bor">
<div style="padding:100px">
<p>This is a paragraph</p>
</div>
</div>