margin auto tailwind
xxxxxxxxxx
m-auto -> margin: auto;
mx-auto -> margin-left: auto; margin-right: auto;
my-auto -> margin-top: auto; margin-bottom: auto;
mt-auto -> margin-top: auto;
mr-auto -> margin-right: auto;
mb-auto -> margin-bottom: auto;
ml-auto -> margin-left: auto;
xxxxxxxxxx
<div class="mt-8 ...">mt-8</div>
<div class="mr-8 ...">mr-8</div>
<div class="mb-8 ...">mb-8</div>
<div class="ml-8 ...">ml-8</div>
xxxxxxxxxx
<div class="mt-5...">Hello wolrd !</div>
<!--
mt -> margin-top
ml -> margin-left
mr -> margin-right
mb -> margin-bottom
-->
xxxxxxxxxx
<div class="w-32 h-16 bg-fuchsia-300 ..."></div>
<div class="-mt-8 bg-fuchsia-500 ...">-mt-8</div>