dot (.) in HTML is misplaced

Question

I am working with some Right to Left languages in HTML and the dot at the end of the sentence is always misplaced in browser. It looks fine in text editor but I cannot get the dot to go all the way at the end of the sentence when shown in browser. I tried sublime text and atom but no luck.

Number 1 and 2 shows the wrong place where the dot appears, and the arrow shows where it should actually be(the end of the sentence)!

In text editor its place is right!

Answer 1

That means that the test direction is set left-to-right instead of right-to-left. Try setting the CSS style:

direction: rtl;

More info here: http://www.w3schools.com/cssref/pr_text_direction.asp .

Answer 2

I think it is because of the text editor you are using.. My suggestion is " use Jquery to remove all the styling in the FrontEnd" or any other inline styling.

If doesn't works for you then please share the link.