Margin


For margin-{side}: {value} use class .m{side}-{value}.
Where {side} is t, r, b, l, x, y for top, right, bottom, left, left-right, and top-bottom.

Margin Size Class
.ml-0
.ml-1
.ml-2
.ml-3
.ml-4
.ml-5
.ml-6
.ml-7
.ml-8
.ml-10
.ml-l1
.ml-l2
.ml-l3
.ml-l4
.ml-l5
.ml-l6
.ml-l7
.ml-l8
.ml-l9
.ml-l10
.ml-auto
.ml-1px
.ml--100pc
<div class="bg-red-lightest">
        <div class="bg-white m-5">...</div>
    </div>
...
<div class="bg-red-lightest">
        <div class="bg-white mt-5">...</div>
    </div>
...
<div class="bg-red-lightest">
        <div class="bg-white mr-5">...</div>
    </div>
...
<div class="bg-red-lightest">
        <div class="bg-white mb-5">...</div>
    </div>
...
<div class="bg-red-lightest">
        <div class="bg-white ml-5">...</div>
    </div>
...
<div class="bg-red-lightest">
        <div class="bg-white mx-5">...</div>
    </div>
...
<div class="bg-red-lightest">
        <div class="bg-white my-5">...</div>
    </div>
...