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

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

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

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

<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

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



 display: block;

     margin-left: auto;

     margin-right: auto;