📌 خاصیت Text Align تعیین می‌کنه که متن در یک عنصر چپ، وسط یا راست قرار بگیره.

✅ کلاس‌ها

• text-left → متن چپ‌چین

• text-center → متن وسط‌چین

• text-right → متن راست‌چین

• text-justify → متن با عرض کامل (justify)

✅ مثال

<h2 class="text-left mb-2">Left Aligned</h2>
<p class="text-left">این متن چپ‌چین است.</p>

<h2 class="text-center mb-2 mt-6">Center Aligned</h2>
<p class="text-center">این متن وسط‌چین است.</p>

<h2 class="text-right mb-2 mt-6">Right Aligned</h2>
<p class="text-right">این متن راست‌چین است.</p>

<h2 class="text-justify mb-2 mt-6">Justify</h2>
<p class="text-justify">این متن به صورت justify است و فضای خالی بین کلمات پر شده تا به دو سمت المان بچسبد.</p>

📌 توضیح

• Tailwind کار با کلاس‌ها رو خیلی راحت کرده.

• می‌تونی روی هر عنصر text-left, text-center, text-right, یا text-justify بذاری.

• ترکیب با responsive هم راحت هست:

  • sm:text-center → وسط‌چین برای موبایل

  • md:text-right → راست‌چین از تبلت به بالا