brackets displays wrongly for right to left display style

You just need to add the LRM character after the last bracket. HTML entity: ‎

<html dir="rtl"><body><p>hello (world)&#x200E;</p></body></html>

This tells the browser to interpret the brackets as left-to-right reading.

html google-chrome right-to-left

Or better you can try in CSS

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

html google-chrome right-to-left

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‎";}

CodeHunter