Skip to main content
1 de 2
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Pode usar transform: translateY() para centralizar verticalmente e text-align: center para centralizar horizontalmente:

header{
    background-image: url('img/background.jpg');
    height: 100vh;
    width: 100%;
   background-color: yellow;
   text-align: center;
 }

.texto-header{
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}
<header>
  <div class="texto-header">
    <h1>Nova Zelândia</h1>
    <p>Um paraiso do outro lado do mundo.</p>
  </div>
</header>

Sam
  • 80,8mil
  • 22
  • 73
  • 128