Problem with .css style

I have this particular style in my .css file
.month_day {
padding-left: 0px;
padding-right: 10px;
text-align: right;
white-space: nowrap;

and its implementation in the web-page is:

(starting from day 9)

১৬ etc.

So, the above snippet shows a list of numbers, from 9 to 16, with text-align: right.
While on the majority of browsers (Firefox, Edge etc.) it works OK, in Safari I get:
Screen Shot 2021-11-18 at 9.27.17 AM

That is, instead of 9, 10, 11 etc, I get 9, 1, 11, 12, 1, 14, 1. Of course, all the numbering up to the end of the month is marred in the same way.

The issue, in Safari, affects only Indic scripts.
Is there a way to make, in the .css file, a conditional for safari to switch to text-align: left?

On the net I found several hints, like prefissing the style with
but it does not work for -webkit-text-align.

Otherwise I guess I’ll have to set text-align: left for all the browsers.
Suggestions welcome. Thanks.

Setting width: 50px the rendering got all right.
Previously I had tested up to width: 40px, and so I thought that the issue was elsewhere.
Sorry for the unnecessary noise.

Forum for Xojo Programming Language and IDE. Copyright © 2021 Xojo, Inc.