Arabic text

HTML & CSS
1

Hello!

I am trying to make a simple paragraph text which is in Arabic language, to be displayed with the right order.

I have used direction:RTL but this does not shift the letters, so the last one be the first one etc.

Is there any css way to make this, or there should be manual typing?

I mean I have this text: םיגתומ
but when I paste it in html I want to be displayed as this one.

image

Any ideas? :slight_smile:

2

Have you tried adding lang="ar" to the paragraph?

(I’m assuming there is only one paragraph in Arabic and the rest of the page is in a different language.)

1 Like
3

Yes it does not seem to working.

Basically the whole page is in Arabic, I have tried to put in HTML and not working too.

It’s an email Template that I am trying to build. I am not sure if this is causing any issues

4

@nikostzounakos Add Language and Direction to HTML tag

<html lang="ar" dir="rtl">

It will work, and also check if the paragraph have some text align property to left , if it so then please overwrite to Right. It might solve your problem.

5

Also make sure your browser isnt auto-translating it back to english. Just sayin.

6

I am putting these, but it just revert the order of the divs not the letters inside them.

I am using a table structure like this example.

I am not sure if this is causing any problem.

<table role="presentation" width="100%" style="padding-bottom: 35px;border-bottom: 1px solid #B5B5B5;" class="menuTable">
  <tr style="text-align: center;" >
    <td style="padding-left: 22px; font-family:Arial,sans-serif;font-size:20px;line-height:28px;">
       <a href="#" style="text-decoration:none; color: black;">םיגתומ</a>
    </td>
  </tr>
</table>

I tried it and in other elements and still not working

7

What happens if you add this:

table, table *{
  direction: rtl;
  unicode-bidi: bidi-override;
}
8

Hey , It will not revert the order of Text. Nothing is gone wrong. And yes if the page is in Arabic and some where you type the numbers so they will come from right side. For example 1234, it will show as 4321 in browser and if you want to show in the correct format then for the particular number you have to use property direction LTR then the number will display in right order.

Other than that all the text will display in editor as you paste them. As my experience says that you may not revert the order of text in editor.

1 Like
9

In the table they are not reverting.

I will try to paste the text in the order that it should be from the start in the HTML.

@nupadhyay , yes I understand, thank you very much!

1 Like
10

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.