How to always keep a text in the center of the browser using CSS

Question

"Hello Tamanna" will always be in the center after zooming in or out

Answer 1

.main {
display: flex;
justify-content: center;
align-items: center;
height:100vh;
}

<div class="main">
  <span>Hello Tamanna</span>
<div>