RTL - Bracket not display correctly

user_14312063 0
Viewed 71

Issue facing with RTL.

Want to change this text "3 Dec 1980 (Thu)" to RTL format "(Thu) 1980 Dec 3".

Tried below 2 methods. But, either one doesn't work. Not sure is there any better method to solve this. Thanks

*:after {
    content: "\200E‎";
}
*:before {
    content: "\200E‎";
}
<p style="direction: rtl;"><span style="direction: ltr; unicode-bidi: embed">3 Dec 1980 (Thu)</span></p>

<div class="date-column">
  <strong>3 Dec 1980 (Thu)</strong>
</div>

.date-column{direction: rtl;} 
.date-column strong::after{content: "\200E‎"; direction:rtl;}
.date-column strong::before{content: "\200E‎"; direction:ltr;}
css
1 Answers

Just use the direction property:

*:after
{
 content: '\200E‎';
 direction: rtl;
}
*:before
{
 content: '\200E‎';
 direction: ltr;
}
user_6063710
Related