صفحهٔ اصلی: تفاوت میان نسخهها
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
||
| خط ۱: | خط ۱: | ||
<div style="display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center; justify-content: center; | <div style="display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center; justify-content: center; width: 100%; max-width: 800px; margin: 0 auto; background-color: #fdf6e3; padding: 20px; border: 1px solid #ccc; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 8px; text-align: right;"> | ||
<div style="flex-shrink: 0;">[[پرونده:حوزه-مجازی-ضحی.png|300px]]</div> | <div style="flex-shrink: 0;">[[پرونده:حوزه-مجازی-ضحی.png|300px]]</div> | ||
<div style=" | <div style="flex: 1; min-width: 300px; font-size: 1.1rem; color: #333; text-align: justify;"> | ||
این یک متن نمونه است که در سمت راست تصویر قرار دارد. در حالت موبایل، این متن به زیر تصویر منتقل میشود. طراحی واکنشگرا، کادر و سایه برای زیبایی بیشتر اضافه شدهاند. | این یک متن نمونه است که در سمت راست تصویر قرار دارد. در حالت موبایل، این متن به زیر تصویر منتقل میشود. طراحی واکنشگرا، کادر و سایه برای زیبایی بیشتر اضافه شدهاند. حالا کل محتوا در مرکز صفحه و با عرض ثابت نمایش داده میشود. | ||
</div> | </div> | ||
</div> | </div> | ||