Как сделать текст в background по середине и по вертикали и по горизонтали?

Question

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

.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>

Answer 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 и найдёте кучу примеров.

БЛОГ НА HUSL

Как сделать текст в background по середине и по вертикали и по горизонтали?

Ответы (1 шт):