Bymas | Помогите с Css

Тема закрыта by

Везувий
Причина: Вопрос снят.

Всем привет, помогите мне с вертикальным центрированиям текста в flex контейнере. Есть такой код

html

   <html>  <head>   <title>Testing Css</title>   <meta content="width=device-width,initial-scale=1" name="viewport">  </head>   <style>     body {      background: grey;      margin: auto;      max-width: 420px;     }     .flex {     display: flex;      -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;     }     .flex > div {       width: 50%     }     .stl {       border: 2px solid #303030;       height: 42px;       text-align: center;       margin: 1px;     }   </style>  <body>    <div class="flex">         <div class="stl">         hdjdjdhdh     </div>          <div class="stl">         jdjdjd     </div>         </div>  </body> <html>

Текст выравнивается по горизонтали но по вертикали не хочет в чем проблема?
________
посл. ред. 19.01.2021 в 16:15; всего 1 раз(а); by Везувий

На примере видно что текст двух дивов в самом верху, как выровнять его по центру?

Лучший вариант...

Выбирай какой подойдёт...

ТЫКАЙ СЮДА
________
посл. ред. 19.01.2021 в 15:54; всего 2 раз(а); by So4nOFF

Ю
________
посл. ред. 19.01.2021 в 15:51; всего 1 раз(а); by tonyresh

Или как вариант...

css

   display: block;     margin-left: auto;     margin-right: auto;