Oi, Fernando, tudo bem?

Eu testei e deu certinha a borda. Quando você fala em zoom, é quando tentamos adaptar a tela a para telas maiores?

Tudo ótimo. e você ?

Então, quando vou dar um zoom aumentando a tela no Ctrl+Scroll ele não fica centralizado e gostaria que ele ficasse centralizado junto com os outros textos, sempre vai para a esquerda quando eu dou um zoom. Ai não sei o que posso estar fazendo de errado para ele não se mover. Não sei se e o margin que pode estar errado porque eu coloquei um tamanho para ele, não sei o que fazer.

<header>
            <h1 class="titulo-principal">Barbearia Alura</h1>
        </header>

header{
    background: url(bg.jpg)
}

.titulo-principal{
    display: inline-block;
    color: #FFFFFF;
    margin: 5px 500px;
    padding: 5px 10px;
    text-transform: uppercase;
    box-sizing: border-box;
    border:2px dotted #FFFFFF;
}