2

Вот дан прямоугольник, а текст прямо по середине и по вертикали и по горизонтали. Не подскажите как так сделать?введите сюда описание изображения

.row{
width: 100%;
font-family: calibri;
background-color: #blue;
text-align: center;
color: white;
height: 100px;
margin: 30px 0px 0px 0px;
}

<div class="row">
<h1>Текст</h1>
</div>
0

1 ответ 1

1

Есть много способов, например так:

.row{
  width: 100%;
  font-family: calibri;
  background-color: blue;
  color: white;
  height: 100px;
  margin: 30px 0px 0px 0px;
  
  display: flex;
  justify-content: center;
  align-items: center;
}
<div class="row">
  <h1>Текст</h1>
</div>

А вообще в гугле наберите css vertical align и найдёте кучу примеров.

1
  • благодарю за помощь
    – okey
    Commented 17 мар. 2021 в 18:04

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.