bonjour,

Je suis débutant et n'arrive pas a centrer le titre de mon header...

Voici mon code :

html : 

<header>
    <h1>
        EMMANUEL MESQUITA
    </h1>
</header>

CSS :

body {
  margin: 0;
}
 
header {
  background-color: grey;
  height: 100px;
  text-align: centre;
  vertical align: centre;
}
 
h1 {
  margin: 0 auto;
 color: white;
  text-align: centre;
 
}

Merci d'avance pour explication !

Bonjour,

"center" et non "centre", partout où tu l'utilises

mais utile uniquement sur H1

vertical-align : ce n'est pas comme ça qu'on centre verticalement et c'est un tiret entre vertical et align

Tu veux que le <h1> soit centré verticalement, il y a plusieurs méthodes 

1 mettre une line-height au H1 égale à la hauteur de son parent

2 faire du header une flexbox et positionner l'élément enfant avec justify-content et align-items

3 utiliser une grid (un peu lourd pour juste un titre...)

Super merci bcp !

Simple et clair, ca fonctionne parfaitement.

Parfait !

On a trop tendance à compliquer les choses, il faut toujours revenir aux fondamentaux ! Simplicité est la clef

Merci de marquer ton post comme "résolu"