html - 对齐按钮，不管段落的长度

Question

我有一个具有这种结构的页面。我希望标题对齐，段落从同一行开始，并且无论段落有多长，按钮都对齐。我如何实现这一目标？最好不使用 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>

标签： htmlcss