Выровнять текстовые блоки по одной линии
Есть набор блоков, каждый из которых имеет по 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>
Необходимо выровнять текстовые блоки внутри одной строки этих блоков по одной линии (по высоте). Как можно это сделать?
