Page Title

Road

Garden

House

the House here is what your actual content is.

The garden acts as the padding, so the space between the house (your content) and the boundary (border) is known as padding

the boundary is the border of the content so the padding lies between your content and the border

the outermost block act as the margin which seperates (your content + padding + border) from other content

Example :

Example

after adding padding

Example

after adding margin and padding

Example

CSS Margin & Padding