Boa noite, gostaria de entender o que está acontecendo, estou tendo dificuldade em entender como alinhar de forma precisa, um elemento em relação a outro,Por exemplo, queria entender porque o texto presente no h1 já vem centralizado em relação a caixa inserida, não há necessidade de criar uma classe com algum comando (text-align ou justify-content/ display-flex) algo desse tipo para tentar alinhar entao? 
Sinto que me falta domínio nos comandos de espaçamento, alinhamento e organização de uma página, gostaria de alguma sugestão de algum conteúdo para praticar.
