If in the previous tutorial we discussed how to set margins, this time we will discuss how to manage to pad in CSS. Padding is a space within the element between the content and the border, padding is usually used so that the content on the website does not collide with the boundaries of the elements in it so that it can damage the appearance of the website.
Before going forward, there are a number of articles that you might be looking for.
In addition to declaring the four values above, how to set padding in CSS can also be done using only one value, the condition if it has the same value.
The syntax of padding above means that all parts of the element have a distance of 10px between the content and the HTML element in it.
How do you set the padding only for certain parts?
To set just padding certain parts can be done by adding a position to the padding property [position] that you want, for example, the syntax below, namely padding is only given at the top of the element.
Padding-top is used to determine space in the upper element, for other elements to follow the reference at the beginning of the article, here is each position of the padding in the element.