Drag the edges to resize the window.

Code Editor
Web Browser
Learn
Content

Padding III

Take a look at the following code. What do you notice about the padding values?

p { padding: 5px 10px 5px 10px; }

The top and bottom values for padding are the same (5px) and the left and right values for padding are also the same (10px).

When you're certain that the top and bottom values for padding will equal each other, and that the left and right values for padding will also equal each other, you can use the following shortcut:

p { padding: 5px 10px; }

The first value, 5px, sets a padding value for the top and bottom sides of the content. The second value, 10px sets a padding value the left and right sides of the content.

Report a Bug
If you see a bug or any other issue with this page, please report it here.