0

Мне надо чтобы надписи внутри блока оказались по центру (text-align: center;) и по центру высоты, например (justify-content: center;). Как это сделать? Я пытался сделать всеми возможными способами но либо криво высота вставала либо какие то проблемы были. Помогите пожалуйста

<div class="block-1">
    <div class="blue"><h1 class="block-1-text">ФАЙЛЫ</h1></div>
</div>
.block-1 {
    background: #191f36!important;
    width: 100%;
    height: 150px;
}

.block-1-text {
    color: white;
}

1 ответ 1

2

Надеюсь вам так надо :)

.block-1 {
  background: #191f36!important;
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-1-text {
  color: white;
}
<div class="block-1">
  <div class="blue">
    <h1 class="block-1-text">ФАЙЛЫ</h1>
  </div>
</div>

1
  • Прикинь, я так же делал и не помогало как всегда А тут ты скинул код и заработало, понимаю ахахах
    – Master
    Commented 23 февр. 2022 в 16:00

Ваш ответ

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

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