I have a page with this structure. I want the titles to align and the paragraphs to start on the same line and the buttons to all be aligned regardless how long the paragraph is. How do I achieve this? Preferbly without using Grid
.wrapper{display:flex}
.inside{
width:100px;
}
p{word-wrap: break-word;}
<div class="wrapper">
<div class="inside">
<h1>Hello</h1>
<p>adsdadsa</p>
<button>Click</button>
</div>
<div class="inside">
<h1>Hello</h1>
<p>afasfasfasfasfasfsafasfsafsafasfsafsfasfsa</p>
<button>Click</button>
</div>
<div class="inside">
<h1>Hello</h1>
<p>adsdadsa</p>
<button>Click</button>
</div>
<div class="inside">
<h1>Hello</h1>
<p>adsdadsa</p>
<button>Click</button>
</div>
<div class="inside">
<h1>Hello</h1>
<p>adsdadsa</p>
<button>Click</button>
</div>
</div>