Margin

Margin by Pixel (m + 0, 5, 10, ... 95, 100)

Margin utilities are using based on a global spacing scale which helps to keep horizontal and vertical spacing consistent. These utilities help us to reduce the amount of custom CSS that share the same properties, and allows to achieve many different page layouts using the same styles. Use CSS class like margin around 20 pixel m20

Margin all around by Pixel (m + 0, 5, 10, ... 95, 100)

Class Name

m10

Class Name

m20

Margin Left and Right around by Pixel (mlr + 0, 5, 10, ... 95, 100)

Class Name

mlr5

Class Name

mlr10

Class Name

mlr20

Margin Top and Bottom by Pixel (mtb + 0, 5, 10, ... 95, 100)

Class Name

mtb5

Class Name

mtb10

Class Name

mtb20

Margin top by Pixel (mt + 0, 5, 10, ... 95, 100)

Class Name

mt5

Class Name

mt10

Class Name

mt20

Margin Right by Pixel (mr + 0, 5, 10, ... 95, 100)

Class Name

mr5

Class Name

mr10

Class Name

mr20

Margin Bottom by Pixel (mb + 0, 5, 10, ... 95, 100)

Class Name

mb5

Class Name

mb10

Class Name

mb20

Margin Left by Pixel (ml + 0, 5, 10, ... 95, 100)

Class Name

ml5

Class Name

ml10

Class Name

ml20

Margin auto (mlauto, mrauto, mtauto, mbauto)

nav item with margine left and right properties