CSS- Right to Left Text Content

问题

So I've marked up a responsive page that the client not wants to be in Arabic. When provided with the copy changes I merely copied and pasted the translated text content into the mark up and added 'dir="rtl"' to my html line.

I've now received feedback from the client stating that the text is it is still reading incorrectly. I've removed the tag thinking that perhaps that was the error but I then got the same response. I have absolutely no idea what's wrong with the mark up.

<html class="no-js" dir="rtl">
<h3>عروض الكهرباء أصبحت أكثر تنافسية 
</h3>

                <p>
                    لقد تغيرت الكهرباء في نيو ساوث ويلز. فرفع القيود الرقابية عن الكهرباء يعني خطط أكثر تنافسية للكهرباء، والمزيد من الخيارات، وانخفاض أسعار الكهرباء في نيو ساوث ويلز؛ الأمر الذي يعود بالنفع على المنازل والشركات الصغيرة.
                </p>

回答1:

Use this CSS property:

html {
    direction: rtl;
}

Or inline CSS like this:

<html class="no-js" style="direction:rtl">
<h3>عروض الكهرباء أصبحت أكثر تنافسية 
</h3>

                <p>
                    لقد تغيرت الكهرباء في نيو ساوث ويلز. فرفع القيود الرقابية عن الكهرباء يعني خطط أكثر تنافسية للكهرباء، والمزيد من الخيارات، وانخفاض أسعار الكهرباء في نيو ساوث ويلز؛ الأمر الذي يعود بالنفع على المنازل والشركات الصغيرة.
                </p>

回答2:

simple apply text-align: right; to p tag OR you can apply direction: rtl; also.

来源：https://stackoverflow.com/questions/26030934/css-right-to-left-text-content

标签

html

css

right-to-left

language-translation