The padding property is used in CSS and certain HTML tags. It can only be used with an available background-color or background-image property, as it provides the information on the padding of the background color or image around the text. Its values can be entered in pixels or percentages. Pixels generate more accurate results, where percentages often make the padding too large. To specify a different padding for each side of the object, use padding-top, padding-bottom, padding-right, or padding-left.


To apply this in an HTML document, use:


<span style="background-color:white; color:black; padding:5px;">Padded text.</span>

That will produce: Padded text.


<span style="background-color:white; color:black; padding:2%;">Padded text.</span>

That will produce: Padded text.

To apply this in CSS, in the h1 element for example, use:

h1 {

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.