Ich versuche, eine HTML-Schaltfläche unabhängig vom verwendeten Browser genau in der Mitte der Seite auszurichten. Es schwebt entweder nach links, während es sich noch in der vertikalen Mitte befindet, oder es befindet sich irgendwo auf der Seite wie oben auf der Seite usw.

Ich möchte, dass es sowohl vertikal als auch horizontal zentriert ist. Folgendes habe ich gerade geschrieben:

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