Padding

A collection of utility classes to add spacing between elements and their content.

Usage

To apply this component, add one of the following classes to a block element.

<div class="uk-padding"></div>

To add margin to a specific side, use the uk-padding-[size]-[side] format. For example, uk-padding-small-top, uk-padding-xsmall-bottom, etc.

<div class="uk-padding-small-top"></div>

In some cases you want to remove padding from an element, rather than adding it. To do so, apply one of the following classes.

Class	Description
`.uk-padding-remove`	Removes all padding from an element.
`.uk-padding-remove-top`	Removes top padding from an element.
`.uk-padding-remove-bottom`	Removes bottom padding from an element.
`.uk-padding-remove-left`	Removes left padding from an element.
`.uk-padding-remove-right`	Removes right padding from an element.
`.uk-padding-remove-vertical`	Removes top and bottom padding from an element.
`.uk-padding-remove-horizontal`	Removes left and right padding from an element.