1

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>
Naomi
  • 1,280
  • 6
  • 21
  • 40

0 Answers0