The CSS box model shows how the basic HTML elements are going to be desplayed in a higerarchy of sorts. From the inside out, it will be Content, Padding, Border, Outline then Margin.

The difference bewteen the two is where each of them seperates space on the webpage. Margin works outside the border and Padding works inside.

The box-sizing Property is what is used for adjustments to the total height and width

The padding element will have 25px top and bottom with 50px left and right