المسافات (Spacing)

<div class="p-4">حشو من كل الجهات</div>
<div class="px-4 py-2">أفقي 4، عمودي 2</div>
<div class="pt-6">أعلى فقط</div>

<div class="m-4">هامش كامل</div>
<div class="mx-auto">توسيط أفقي</div>
<div class="mt-8 mb-4">أعلى 8، أسفل 4</div>

<div class="flex gap-4">عناصر بفراغ بينها</div>
<div class="space-y-3">فراغ عمودي بين الأبناء</div>

<div class="ms-4">margin-inline-start (يمين في RTL)</div>
<div class="pe-2">padding-inline-end</div>