JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span>Attend a Minnesota Wild game</span>
</div>

CSS

div {
  width: 162px;
}

span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: center;
}