CSS padding

Previous Next

Demo of the different values of the padding property.

Click the property values below to see the result:

padding: 0;
padding: 10px;
padding: 25px;
padding: 50px;
padding: 1%;
padding: 5%;
padding: 10px 1px 15px 50px;
padding: 10px 1px;
See this blue div element with different padding values.
See this blue div element with different padding values.
See this blue div element with different padding values.
See this blue div element with different padding values.
See this blue div element with different padding values.
See this blue div element with different padding values.
See this blue div element with different padding values.
See this blue div element with different padding values.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯