Margin and Padding


The Academic Definition:

The margin property sets all the margin properties in one declaration. This property can have from one to four values.

With the sliders you can setup the Margin Top, Right, Bottom and Left.
Remember that also negative values are allowed (using the manual input) but “handle them with care”

margin auto in css firebug

Margin Area


The Academic Definition:

The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element.

With the sliders you can setup the Paddint Top, Right, Bottom and Left.

paddind firebug save in website

Padding Area

CSS Hero is the definitive plugin to customize your WordPress themes with an easy and intuitive WYSIWYG interface.


Become a CSS Hero affiliate and earn 40% on each sale right now. Spread the CSS Hero word and share the wealth with us!
Start Earning →

Follow the Hero