JSFiddle - React, Tailwind, and code Playground

HTML

<ul>

  <li>
    <span>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis unde corporis asperiores explicabo magnam eum minima et perspiciatis, reiciendis cumque!</span>
    <button>+</button></li>
  <li><span>lorem</span>
    <button>+</button></li>
  <li><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, fugit?</span>
    <button>+</button></li>

</ul>

CSS

* {
  box-sizing: border-box
}

html,
body {
  height: 100%;
}

ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 30%;
  border: 1px dotted green;
  padding: 10px;
}
span {
  width: 100%;
}
button {
  margin-top: auto;
}