CSS Padding

Padding is space inside an element.

Example

.card {
  padding: 20px;
}

UI Preview

• text inside card becomes more comfortable
• content does not touch border

Real world example

Buttons look better with padding.