<div class="container"> <div class="box"> <p>Text for the box </p> <div class="button"> <a href="#">Click Me</a> </div> </div> <div class="box"> <p>Text for the box <br> More Text in this box </p> <div class="button"> <a href="#">Click Me</a> </div> </div> </div>
.container { display: flex; text-align: center; font-family: 'arial'; } .box { display: flex; flex-flow: column nowrap; margin: 20px; padding: 10px; background: #ccc; } .button { margin-top: auto; padding: 5px; background: #555; } .button a { color: #fff; text-decoration: none; }