Adding paddings

The padding property sets paddings - extra space inside an element. In other words, this is the space between the element and its content.

/* no padding, no units  when 0 */
padding: 0; 

/* horizontal and vertical padding */
padding: 10px 1.5rem;

/* top, right,  bottom,  left padding 
(clockwise ) */
padding: 10px 1.5rem 10px 1.5rem;

/* top, horizontal, bottom padding */
padding: 1em auto 1em; 

detailed properties

/* padding for every side */
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;