Padding is used to generate space around an element’s content, inside of any defined borders.

padding: top right bottom left;

padding: 10px 10px 25px 20px;

top has 10px padding

right has 10px padding

bottom has 25px padding

left has 20px padding

padding: top right/left bottom;

padding: 10px 25px 20px;

top has 10px padding

right and left have 25px padding

bottom has 20px padding

padding: top/bottom right/left;

padding: 25px 30px;

top and bottom have 25px padding

right and left have 30px padding

padding: top/bottom/right/left;

padding: 25px;

all four paddings are 25px