📌 این ویژگی مشخص می‌کنه که تورفتگی خط اول متن چقدر باشه.
در Tailwind از کلاس‌های indent-{size} استفاده می‌کنیم.

✅ کلاس‌ها

• indent-0 → بدون تورفتگی

• indent-1 → تورفتگی 0.25rem (4px)

• indent-2 → تورفتگی 0.5rem (8px)

• indent-4 → تورفتگی 1rem (16px)

• indent-8 → تورفتگی 2rem (32px)

• می‌توان از اعداد بزرگ‌تر یا کوچک‌تر هم استفاده کرد (indent-16, indent-px)

✅ مثال

<p class="indent-0 mb-2">
  این متن بدون تورفتگی است و خط اولش درست از گوشه شروع می‌شود.
</p>

<p class="indent-4 mb-2">
  این متن با تورفتگی 1rem (16px) شروع می‌شود و خط اول کمی فاصله دارد.
</p>

<p class="indent-8 mb-2">
  این متن با تورفتگی 2rem (32px) شروع می‌شود و خط اول کاملاً فاصله دارد.
</p>

📌 نکات مهم

• فقط خط اول هر پاراگراف تحت تاثیر قرار می‌گیرد.

• می‌توانی با responsive ترکیب کنی:

  • sm:indent-2 md:indent-8 → موبایل تورفتگی کم، دسکتاپ بیشتر