CSS中的padding

Elements on a webpage are rectangular boxes with four layers: content, paddings, borders, and margins(Arranged from inside to out).

Paddings generate space between the content and the border of an element.

p {
    padding: 50px;
    border: 1px solid black;
}