Выровнять текстовые блоки по одной линии

Есть набор блоков, каждый из которых имеет по 2 текстовых блока внутри:

.items {
     width: 800px;
     margin: auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .item {
     width: calc(33% - 15px);
     margin-bottom: 20px;
     padding-bottom: 20px;
     display: flex;
     flex-direction: column;
     align-items: stretch;
     justify-content: space-between;
     border-bottom: 1px dashed gray;
}
 .item__title {
     margin-bottom: 10px;
     font-size: 20px;
}
 .item__text-1 {
     flex: auto;
     margin-bottom: 20px;
}
 .item__text-2 {
     flex: 1;
}
 .div {
     flex: 1;
}
 
<div class="items">
  <div class="item">
    <div class="div">
    <div class="item__title">
      Блок 1
    </div>

    <div class="item__text-1">
      Научная статья — законченное авторское произведение, описывающее результаты оригинального научного исследования.
    </div>
    
    </div>

    <div class="item__text-2">
      В настоящее время...
    </div>
  </div>
  
  
  
    <div class="item">
         <div class="div">
    <div class="item__title">
      Блок 2
    </div>

    <div class="item__text-1">
      Научная статья — законченное авторское произведение.
    </div>
      
 </div>
      
    <div class="item__text-2">
      В настоящее время основным представлением для научной статьи является печатная форма. Это в настоящее время.
    </div>
  </div>
  
  
  
    <div class="item">
    <div class="item__title">
      Блок 3
    </div>

    <div class="item__text-1">
      Научная статья — законченное.
    </div>

    <div class="item__text-2">
      В настоящее время основным представлением.
    </div>
  </div>
  
  
    <div class="item">
    <div class="item__title">
      Блок 4
    </div>

    <div class="item__text-1">
      Научная статья.
    </div>

    <div class="item__text-2">
      В настоящее время основным представлением для научной статьи является печатная форма.
    </div>
  </div>
  
  
  
    <div class="item">
    <div class="item__title">
      Блок 5
    </div>

    <div class="item__text-1">
      Научная статья — законченное авторское произведение.
    </div>

    <div class="item__text-2">
      В настоящее время основным представлением для научной статьи является печатная форма.
    </div>
  </div>
  
  
  
    <div class="item">
    <div class="item__title">
      Блок 6
    </div>

    <div class="item__text-1">
      Научная статья — законченное авторское.
    </div>

    <div class="item__text-2">
      В настоящее время основным представлением для научной статьи является печатная форма.
    </div>
  </div>
</div>

Необходимо выровнять текстовые блоки внутри одной строки этих блоков по одной линии (по высоте). Как можно это сделать?

введите сюда описание изображения


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