Margin and padding

This classes allows add margin or padding, exists 5 ways: left, top, right, bottom and its shorthand

Class Property Value
.ma margin auto
.m0a margin 0 auto
.m0 margin 0px
.m5 margin 5px
.m10 margin 10px
.m15 margin 15px
.m20 margin 20px
.m25 margin 25px
.m30 margin 30px
.m35 margin 35px
.m40 margin 40px
.m45 margin 45px
.m50 margin 50px
.mt0 margin-top 0px
.mt5 margin-top 5px
.mt10 margin-top 10px
.mt15 margin-top 15px
.mt20 margin-top 20px
.mt25 margin-top 25px
.mt30 margin-top 30px
.mt35 margin-top 35px
.mt40 margin-top 40px
.mt45 margin-top 45px
.mt50 margin-top 50px
.mr0 margin-right 0px
.mr5 margin-right 5px
.mr10 margin-right 10px
.mr15 margin-right 15px
.mr20 margin-right 20px
.mr25 margin-right 25px
.mr30 margin-right 30px
.mr35 margin-right 35px
.mr40 margin-right 40px
.mr45 margin-right 45px
.mr50 margin-right 50px
.ml0 margin-left 0px
.ml5 margin-left 5px
.ml10 margin-left 10px
.ml15 margin-left 15px
.ml20 margin-left 20px
.ml25 margin-left 25px
.ml30 margin-left 30px
.ml35 margin-left 35px
.ml40 margin-left 40px
.ml45 margin-left 45px
.ml50 margin-left 50px
.mb0 margin-bottom 0px
.mb5 margin-bottom 5px
.mb10 margin-bottom 10px
.mb15 margin-bottom 15px
.mb20 margin-bottom 20px
.mb25 margin-bottom 25px
.mb30 margin-bottom 30px
.mb35 margin-bottom 35px
.mb40 margin-bottom 40px
.mb45 margin-bottom 45px
.mb50 margin-bottom 50px
.p0 padding 0px
.p5 padding 5px
.p10 padding 10px
.p15 padding 15px
.p20 padding 20px
.p25 padding 25px
.p30 padding 30px
.p35 padding 35px
.p40 padding 40px
.p45 padding 45px
.p50 padding 50px
.pt0 padding-top 0px
.pt5 padding-top 5px
.pt10 padding-top 10px
.pt15 padding-top 15px
.pt20 padding-top 20px
.pt25 padding-top 25px
.pt30 padding-top 30px
.pt35 padding-top 35px
.pt40 padding-top 40px
.pt45 padding-top 45px
.pt50 padding-top 50px
.pr0 padding-right 0px
.pr5 padding-right 5px
.pr10 padding-right 10px
.pr15 padding-right 15px
.pr20 padding-right 20px
.pr25 padding-right 25px
.pr30 padding-right 30px
.pr35 padding-right 35px
.pr40 padding-right 40px
.pr45 padding-right 45px
.pr50 padding-right 50px
.pl0 padding-left 0px
.pl5 padding-left 5px
.pl10 padding-left 10px
.pl15 padding-left 15px
.pl20 padding-left 20px
.pl25 padding-left 25px
.pl30 padding-left 30px
.pl35 padding-left 35px
.pl40 padding-left 40px
.pl45 padding-left 45px
.pl50 padding-left 50px
.pb0 padding-bottom 0px
.pb5 padding-bottom 5px
.pb10 padding-bottom 10px
.pb15 padding-bottom 15px
.pb20 padding-bottom 20px
.pb25 padding-bottom 25px
.pb30 padding-bottom 30px
.pb35 padding-bottom 35px
.pb40 padding-bottom 40px
.pb45 padding-bottom 45px
.pb50 padding-bottom 50px
This parragraph has padding 10px
And this one has margin 10px
<div class="p10">This parragraph has padding 10px</div>
<div class="m10">And this one has margin 10px</div>