Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Услуги интернет-маркетолога для вашего бизнеса. Анализ рынка, подбор стратегии и команды, увеличение продаж и узнаваемости бренда.

от 29500 

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Услуги веб дизайна под ключ.

от 29500 

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

Существует несколько способов выровнять текст по середине в CSS, один из них — использование CSS свойство text-align и line-height. Например, для выравнивания текста по середине вертикально, вы можете использовать следующий код:

<div class="container">
  <p class="text">Текст по центру</p>
</div>

<style>
.container {
  display: flex;
  justify-content: center;/* выравнивание по горизонтали */
  align-items: center;/* выравнивание по вертикали */
  height: 100vh;/* установка высоты контейнера на весь экран */
}
.text {
  text-align: center;
  line-height: 1.5;/* задаем line-height, чтобы выровнять текст по вертикали */
}
</style>

В данном примере мы используем свойство display: flex; для центрирования содержимого контейнера в вертикальном и горизонтальном направлениях. Затем мы задаем свойство text-align: center; для выравнивания текста по горизонтали. Наконец, мы выравниваем текст по вертикали с помощью свойства line-height: 1.5;.

Если вам не нужно центрировать блоки вертикально в контейнере, можно просто перенести свойство align-items: center; в родительский блок:

.container {
  display: flex;
  justify-content: center;/* выравнивание по горизонтали */
  height: 100vh;/* установка высоты контейнера на весь экран */
  align-items: center;/* выравнивание по вертикали */
}
.text {
  text-align: center;
  line-height: 1.5;/* задаем line-height, чтобы выровнять текст по вертикали */
}
Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.