كيف بإمكاني إظهار المحتوى من اليمين إلى اليسار

بتاريخ 13 دقائق مضت قال محمود الكيال:

كيف بإمكاني إظهار محتوى الصفحة من اليمين إلى اليسار؟

يجب إضافة إتجاه النص من اليمين إلى اليسار داخل body في ملف index.css كما هو موضح هنا
 direction: rtl
يعني إتجاه النص right to left

body {
    direction: rtl;
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#E4E4E4;
    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
    font-size:12px;
    height:100vh;
    margin:0px;
    padding:0px;
    /* Padding to avoid the "unsafe" areas behind notches in the screen */
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);
    text-transform:uppercase;
    width:100%;
}

يمكنك اضافه الوسم dir=rtl

مثال

<div dir="rtl">عربي</div>

ارفقت لك صوره للمثال