<ul>
  <li>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, temporibus?</p>
    <span>lorem</span><button>lorem</button></li>
  <li>
    <p>Lorem ipsum dolor sit amet.</p>
    <span>lorem</span><button>lorem</button></li>
  <li>
    <p>lorem</p>
    <span>Lorem ipsum dolor sit amet.</span><button>lorem</button></li>
</ul>
ul {
  display: flex;
  list-style-type: none;
  gap: 10px;
}

li {
  width: 100px;
  background-color: lightgray;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
}

span {
  margin-top: auto;
}

button {
  margin-top: 10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.