Margin and Padding

Margin

Margin appears as spacing outside the container it is applied to.

.nys-margin-1px

.nys-margin-2px

.nys-margin-50

.nys-margin-100

.nys-margin-150

.nys-margin-200

.nys-margin-250

.nys-margin-300

.nys-margin-400

.nys-margin-500

.nys-margin-600

.nys-margin-700

.nys-margin-800

.nys-margin-1200

You can also apply margin in vertical, horizontal, and individual directions.

.nys-margin-x-800 .nys-margin-y-200

.nys-margin-t-50
.nys-margin-r-200
.nys-margin-b-400
.nys-margin-l-800

Padding appears as spacing inside the container it is applied to.

.nys-padding-1px

.nys-padding-2px

.nys-padding-50

.nys-padding-100

.nys-padding-150

.nys-padding-200

.nys-padding-250

.nys-padding-300

.nys-padding-400

.nys-padding-500

.nys-padding-600

.nys-padding-700

.nys-padding-800

.nys-padding-1200

You can also apply padding in vertical, horizontal, and individual directions.

.nys-padding-x-800 .nys-padding-y-200

.nys-padding-t-50
.nys-padding-r-200
.nys-padding-b-400
.nys-padding-l-800