JSFiddle - React, Tailwind, and code Playground

HTML

<h2>News</h2>
<div class="news-list">
    <div class="news-list__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quo provident deserunt dignissimos porro dolor temporibus est magnam beatae praesentium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae minus doloremque autem iste nulla saepe ad odio maxime accusamus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam odit nostrum cumque accusantium debitis est eaque aliquid maxime eveniet exercitationem?</div>
    
    <div class="news-list__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium qui in quia reiciendis facilis nulla officiis cupiditate distinctio impedit vero ipsam nesciunt nam sunt enim dolorem atque ut debitis dignissimos sapiente nihil quibusdam consequuntur molestiae mollitia repellendus error ab praesentium.</div>
    
    <div class="news-list__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit error unde laudantium maxime numquam quisquam cumque voluptate. Quae atque quod illo soluta quam nostrum placeat esse deleniti. Itaque nobis qui!</div>
    
    <div class="news-list__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio totam officia ea. Architecto molestiae debitis recusandae id in doloribus ipsa eos magnam adipisci iure totam impedit quasi neque sit asperiores nihil rem hic eaque aspernatur vitae corrupti quae nesciunt deleniti commodi explicabo beatae minima possimus facilis laboriosam quam inventore ipsum.</div>
    
</div>

CSS

.news-list {
    width: 500px;
}

.news-list__item {
    max-height: 54px;
    overflow: hidden;
    
    margin-bottom: 20px;
}