Как отцентровать текст в css

Для отцентровки текста в CSS есть несколько способов:

1. Отцентровка текста по горизонтали внутри блока с помощью свойства text-align:

    .block {
        text-align: center;
    }

2. Отцентровка блока по горизонтали и вертикали с помощью свойства display и margin:

    .block {
        display: flex;
        justify-content: center;
        align-items: center;
    }

3. Отцентровка блока по горизонтали и вертикали с помощью свойства position и transform:

    .block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

В каждом из этих случаев необходимо применять свойства к блоку, в котором находится текст. Например, можно задать класс .block для нужного блока и применить к нему один из перечисленных способов отцентровки текста.