this is my first time here. I am trying to center a button exactly in the middle of the page (both vertically and horizontally) responsively. Including responsiveness to zooming(+/-) and resizing the page.
I just can't get it to be responsively in the center. Any advice or help would be appreciated!
My code so far:
<style>
.btn{
text-align: center;
margin: auto;
}
.button{
text-align: right;
}
</style>
<html>
<body>
<div class="btn">
<button class="button">hello</button>
</div>
</body>
</html>
