تایپ شعر فارسی هم‌تراز در وب

در سال ۱۳۸۳ در مطلب «نحوه‌ی تایپ شعر فارسی (نكاتی در مورد هم‌ترازی و ...)» نحوه تایپ شعر فارسی هم‌تراز در Word را آموزش داده بودم؛ اما حالا در وب چطور باید این کار را انجام داد؟

برای اینکه متن مصراع‌ها کشیده شود و کل container خود را بگیرد باید به این صورت عمل کنید:

• هر مصراع باید داخل یک div مجزا قرار گیرد. (می‌توانید از ساختار grid برای نمایش استفاده کنید که در رزولوشن بزرگ، دو-ستونه و در موبایل تک‌-ستونه نمایش داده شوند)
• فقط کافی‌ست قطعه کد CSS زیر را به divها اعمال کنید:

div{text-align-last: justify;}

همین!

مثال:

در این صفحه می‌توانید خروجی نهایی را ببینید:

https://aftab.cc/tutorials/poem.html

در حالت دسکتاپ و موبایل صفحه را بررسی کنید...

با زدن ctrl+U می‌توانید ببینید که من چه کدهایی نوشته‌ام.

موفق باشید؛
حمید رضا نیرومند