<div class="one">
<div class="two">
<div class="tree">
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
</div>
<button class="butt">Кнопка</button>
</div>
<div class="two">
<div class="tree">
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
</div>
<button class="butt">Кнопка</button>
</div>
<div class="two">
<div class="tree">
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
<p>Какой то текст</p>
</div>
<button class="butt">Кнопка</button>
</div>
</div>
.one{
display: flex;
border: 1px solid;
justify-content: center;
}
.two{
display: flex;
border: 1px dashed;
flex-direction: column;
justify-content: space-between;
margin-left: 5px;
padding: 5px;
}
.tree{
display:flex;
flex-direction: column;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.