Как сделать надпись по центру в css

Есть несколько способов сделать надпись по центру при помощи CSS.

1. С помощью свойства text-align:

<div style="text-align: center;">Текст по центру</div>

2. С помощью свойства margin:

<div style="margin: 0 auto;">Текст по центру</div>

3. С помощью флекс-контейнера:

<div style="display: flex; justify-content: center; align-items: center;">Текст по центру</div>

4. С помощью сетки (grid):

<div style="display: grid; place-items: center;">Текст по центру</div>

Выбор способа зависит от контекста использования и нужд дизайна.