<div style="width: 186px;">
  <p style="
    border: 1px solid red;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  ">
    Eventos passados o deixaram com abcumaouTEPT?
  </p>
</div>

Currently even though there’re more spaces to display more characaters before ellipsis, it looks like it stops from displaying the abcumaouTEPT word. If I instead split the word into abcumaou TEPT, it will display abcumaou before the ellipsis, so regardless of there is a space between words or not, I want all characters that can fit in the second row to be displayed and then ellipsis comes, I don’t want to have more spaces after ellipsis.