Skip to content

Margin

LayoutResponsive
The margin property allows you to add space around an element outside of any defined borders.
Class Properties
wpex-m-auto
margin: auto;
wpex-mr-auto
margin-right: auto;
wpex-ml-auto
margin-left: auto;
wpex-mx-auto
margin-right: auto;
margin-left: auto;
wpex-my-auto
margin-top: auto;
margin-bottom: auto;
wpex-first-mt-0
> :first-child { margin-top: 0; }
wpex-last-mb-0
> :last-child { margin-bottom: 0; }
wpex-first-ml-0
> :first-child { margin-left: 0; }
wpex-last-ml-0
> :last-child { margin-left: 0; }
wpex-first-mr-0
> :first-child { margin-right: 0; }
wpex-last-mr-0
> :last-child { margin-right: 0; }

All Sides

ClassProperties
wpex-m-0
margin: 0;
wpex-m-5
margin: 5px;
wpex-m-10
margin: 10px;
wpex-m-15
margin: 15px;
wpex-m-20
margin: 20px;
wpex-m-25
margin: 25px;
wpex-m-30
margin: 30px;
wpex-m-40
margin: 40px;
wpex-m-50
margin: 50px;

Y-Axis

ClassProperties
wpex-my-0
margin-top: 0;
margin-bottom: 0;
wpex-my-5
margin-top: 5px;
margin-bottom: 5px;
wpex-my-10
margin-top: 10px;
margin-bottom: 10px;
wpex-my-15
margin-top: 15px;
margin-bottom: 15px;
wpex-my-20
margin-top: 20px;
margin-bottom: 20px;
wpex-my-25
margin-top: 25px;
margin-bottom: 25px;
wpex-my-30
margin-top: 30px;
margin-bottom: 30px;
wpex-my-40
margin-top: 40px;
margin-bottom: 40px;
wpex-my-50
margin-top: 50px;
margin-bottom: 50px;

X-Axis

ClassProperties
wpex-mx-0
margin-left: 0;
margin-right: 0;
wpex-mx-5
margin-left: 5px;
margin-right: 5px;
wpex-mx-10
margin-left: 10px;
margin-right: 10px;
wpex-mx-15
margin-left: 15px;
margin-right: 15px;
wpex-mx-20
margin-left: 20px;
margin-right: 20px;
wpex-mx-25
margin-left: 25px;
margin-right: 25px;
wpex-mx-30
margin-left: 30px;
margin-right: 30px;
wpex-mx-40
margin-left: 40px;
margin-right: 40px;
wpex-mx-50
margin-left: 50px;
margin-right: 50px;

Top

ClassProperties
wpex-mt-0
margin-top: 0;
wpex-mt-5
margin-top: 5px;
wpex-mt-10
margin-top: 10px;
wpex-mt-15
margin-top: 15px;
wpex-mt-20
margin-top: 20px;
wpex-mt-25
margin-top: 25px;
wpex-mt-30
margin-top: 30px;
wpex-mt-40
margin-top: 40px;
wpex-mt-50
margin-top: 50px;

Right

ClassProperties
wpex-mr-0
margin-right: 0;
wpex-mr-5
margin-right: 5px;
wpex-mr-10
margin-right: 10px;
wpex-mr-15
margin-right: 15px;
wpex-mr-20
margin-right: 20px;
wpex-mr-25
margin-right: 25px;
wpex-mr-30
margin-right: 30px;
wpex-mr-40
margin-right: 40px;
wpex-mr-50
margin-right: 50px;

Bottom

ClassProperties
wpex-mb-0
margin-bottom: 0;
wpex-mb-5
margin-bottom: 5px;
wpex-mb-10
margin-bottom: 10px;
wpex-mb-15
margin-bottom: 15px;
wpex-mb-20
margin-bottom: 20px;
wpex-mb-25
margin-bottom: 25px;
wpex-mb-30
margin-bottom: 30px;
wpex-mb-40
margin-bottom: 40px;
wpex-mb-50
margin-bottom: 50px;

Left

ClassProperties
wpex-ml-0
margin-left: 0;
wpex-ml-5
margin-left: 5px;
wpex-ml-10
margin-left: 10px;
wpex-ml-15
margin-left: 15px;
wpex-ml-20
margin-left: 20px;
wpex-ml-25
margin-left: 25px;
wpex-ml-30
margin-left: 30px;
wpex-ml-40
margin-left: 40px;
wpex-ml-50
margin-left: 50px;