brackets displays wrongly for right to left display style

Question

The html code

hello (world)

you will see a page like this:

(hello         


        

Answer 1

Adding the special rlm character in css before and after your element solved all cases I've come across in Firefox and Chrome:

*:after {
    content: "\200E‎";
}
*:before {
    content: "\200E‎";
}