<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="wrap">
<div class="item">
<p>1</p>
<div class="content">
<p>title</p>
<div class="btn-block">
<button>btn</button>
</div>
</div>
</div>
<div class="item">
<p>2</p>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque quis aliquam hic corrupti eius sunt non quasi repellendus ducimus doloremque magni amet, molestiae error, porro facilis, similique modi eos! Cupiditate!</p>
</div>
<div class="btn-block">
<button>btn</button>
</div>
</div>
</div>
</body>
</html>
.wrap {
display: flex;
}
.item {
width: 50%;
outline: 1px solid red;
display: flex;
flex-direction: column;
}
.content {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.item .btn-block {
margin-top: auto;
}
Простой
Средний
Простой