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

Пользователь

nicolette.stoltenberg

от nicolette.stoltenberg , в категории: HTML/CSS , 3 года назад

1 | 0

css markup

2 ответа

Пользователь

helmer

от helmer , 3 года назад

@nicolette.stoltenberg Разместить текст по центру в CSS вертикально можно так:

HTML:

1
2
3

<body>
    <p>Текст</p>
  </body>

CSS:

p {
  font-size: 20px;
  line-height: 45px;
  color: #030303;
  writing-mode:vertical-lr;
  margin: 0 auto;
}

1 | 0

Пользователь

brook

от brook , 2 года назад

@nicolette.stoltenberg

Чтобы разместить текст по центру вертикально в CSS, вы можете использовать следующий код:

.center-text {
  height: 200px; /* Установите высоту для родительского элемента */
  display: flex;
  align-items: center;
  justify-content: center;
}

1
2
3

<div class="center-text">
  <p>Центрированный текст</p>
</div>

0 | 0

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

2 ответа

Похожие обсуждения: