Instead of margin-left, use margin-inline-start; instead of width, inline-size. These map to writing direction, so a layout auto-mirrors for right-to-left languages with no extra CSS. Increasingly the default for international-ready sites.
Instead of margin-left, use margin-inline-start; instead of width, inline-size. These map to writing direction, so a layout auto-mirrors for right-to-left languages with no extra CSS. Increasingly the default for international-ready sites.
<!doctype html><html><head><meta charset="utf-8">
<style>.b{margin-inline-start:24px;padding-inline:14px;border-inline-start:3px solid #b388ff;color:#e6e0ff}</style></head><body style="background:#06040d;padding:20px"><div class="b">ltr</div><div class="b" dir="rtl">rtl mirrors automatically</div></body></html>