CSS Padding

CSS Padding is similar to CSS Margin and part of the CSS Box Model.
Adding padding to an element will make the contents of that element move away from the outside of the element.
Take the following example:
The below div has absolutely no padding on it.

No padding

If we add 10 pixels padding:

10px padding

You can use [...]



CSS Box Model

The CSS Box Model is essential when learning CSS to create web page layouts. Let’s take a look at the following diagram.
The CSS Box Model is a lot simpler than how it may look at first sight. Let’s begin with the content. Think of the content area an an empty div element. [...]