RTL Format numeric and symbols not align properly

Question

I faced the RTL Alignment issue in numeric, Symbols and English character with inside the Arabic sentence. I attached the my screen in below.

In this image pink color marked is Arabic view and green border is English version. In this part Order number mentioned inside the brace (). It's perfect view in English (#ODiT27167979008), But in Arabic (#ODiT27167979008) . How to fix this issue?

body {direction:rtl !important;} Just I add code in css. and Body dir="rtl" — Creative Enemy, Feb 04 '16 at 10:50

score 2 · Accepted Answer · edited May 23 '17 at 12:30

2

Brackets act kind of strangely when using rtl. Look here for more info: brackets displays wrongly for right to left display style

But basically you need to add the LRM character after the last bracket ‎

<p class="rtl">(#ODiT27167979008)&#x200E;</p>

edited May 23 '17 at 12:30

Community

1
1

answered Feb 04 '16 at 10:52

Ben Rhys-Lewis

3,118
8
34
45

RTL Format numeric and symbols not align properly

1 Answers1