There is a peculiar issue with the text formatting in this particular div. When the CSS property direction: rtl;
is applied, the closing brace at the end of the text appears as an opening brace at the beginning.
For example:
Some text with (braces)
ends up looking like this:
(Some text with (braces
#strange-behaviour {
direction: rtl;
}
<div id="strange-behaviour>
Some text with (braces)
</div>
Check out this working fiddle.
The Issue:
I am wondering how I can fix this problem and ensure that the closing brace remains as it should be at the end of the text.