JSFiddle - React, Tailwind, and code Playground

HTML

<div class="btn-list">
  <button>Click me!</button>
  <button>Click me!</button>
  <button>Click me!</button>
</div>
<div class="message-list">
  <div>Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda! Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda!Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda!Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda!Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda!Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda!Some super duper awesome lorem text for you to see with the awesome poop turd yipee doooooooda!</div>
  <div>lorem*2</div>
  <div>lorem*2</div>
</div>

CSS

body {
  display: flex;
}

div.btn-list {
  display: flex;
  flex-direction: column;
}
button {
  padding: 50px;
}
button:not-last-child {
  margin-bottom: 5px;
}

div.message-list div {
  background-color: red;
}