Próbuję wyrównać przycisk HTML dokładnie na środku strony, niezależnie od używanej przeglądarki. Pływa albo w lewo, podczas gdy wciąż znajduje się w centrum pionowym, albo gdzieś na stronie, jak na górze strony itp.

Chcę, aby był wyśrodkowany zarówno pionowo, jak i poziomo. Oto, co napisałem teraz:

<button type="button" style="background-color:yellow;margin-left:auto;margin-right:auto;display:block;margin-top:22%;margin-bottom:0%">
   mybuttonname
</button>