JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="summary">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    </p>
    <ul>
      <li>test</li>
      <li>test333</li>
    </ul>
    <p>
      <strong>testststststs</strong>
      
    </p>

  </div>
 
</div>

CSS

.container {
  width: 600px;
  border: 1px solid #888;
  padding: 0.5em;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.summary{

   background-color: #fff;
       height: 60px;
        padding: 2em;
        width: 200px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    
}