JSFiddle - React, Tailwind, and code Playground

by Wietse De Vries

HTML

<div class="cont">
  halloo wietse <span class="highlight">dit is een lange zin die op maximaal 2 regels mag staan.</span> Als ik nou het divje small genoeg maak dan komt dat wel goed
</div>

CSS

.cont {
  width: 300px;
  text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bolder;
    
}
.highlight {
  font-weight: lighter;
}