Centrer du texte en CSS

https://atomiks.github.io/30-seconds-of-css/#flexbox-centering

Le code ci-dessous permet de centrer un texte dans son parent; autant horizontalement que verticalement.

<div class="flexbox-centering">
    <div class="child">Centered content.</div>
</div>
.flexbox-centering {
    display: flex;
    justify-content: center;
    align-items: center;
}

Tester sur codepen

center

Quelque chose de similaire peut être obtenu ainsi :

https://atomiks.github.io/30-seconds-of-css/#grid-centering

<div class="grid-centering">
    <div class="child">Centered content.</div>
</div>
.grid-centering {
  display: grid;
  justify-content: center;
  align-items: center;
}