Consider this code below:

```
 <!doctype html>
 <html>
 <body>
 <div style="background-color: yellow; width: 100vw; height: 100vh; text-align: center;">
    <button style="display: block; margin-left: auto; margin-right: auto;">This is a button</button>
 </div>
 </body>
 </html>

```

I tried to run it in Chrome and Mozilla, it produces the output below:

![enter image description here](https://i.stack.imgur.com/DjYE8.png)

However, when I tried to run it in android browser, the button is in the LEFT side, seems like margin-left and margin-right doesnt work on the android browser. Any idea why?