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

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

  1. Отцентровка текста по горизонтали внутри блока с помощью свойства text-align:
    .block {
        text-align: center;
    }
  1. Отцентровка блока по горизонтали и вертикали с помощью свойства display и margin:
    .block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
  1. Отцентровка блока по горизонтали и вертикали с помощью свойства position и transform:
    .block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

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

Закажите услугу Как отцентровать текст в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали