center content on iphone ios horizontally html css

Question

For some reason the following piece of code centers content perfectly fine on everything except ios devices. Am i missing something?

<td style="    display: inline-block;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
justify-content: center;
align-items: center;background-color:#eeee;  border-radius: 25px;max-width:50vw;">

question from:https://stackoverflow.com/questions/66063450/center-content-on-iphone-ios-horizontally-html-css

Answer 1

Waitting for answers