Show/hide markup
<ul class="feed">
    <li class="feed-item news">
        <figure class="media image">
            <img src="https://placehold.it/152x152" alt="News Photo" />
        </figure>
    
        <div class="content">
            <h2 class="title"><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, rerum, omnis.</a></h2>
            <p class="meta date">July 15, 20114</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint repellat qui vitae veniam quidem repudiandae placeat iure tenetur eaque excepturi explicabo odit, aspernatur. Alias aliquid dolores adipisci iure libero error harum voluptate, nulla dignissimos iste, placeat aperiam nobis, nostrum! Facere corporis esse delectus tempore, ut ad architecto praesentium ex? Beatae at in quam cum ad! Est, iusto voluptatibus. Rerum, impedit.</p>
        </div>
    
    </li>

    <li class="feed-item news">
    
        <div class="content">
            <h2 class="title"><a href="#">Earum rerum provident eaque nihil animi, omnis voluptatem eius perferendis enim.</a></h2>
            <p class="meta date">July 15, 20114</p>
            <p>Vero error odio minima expedita odit natus doloremque iusto quidem officia distinctio, nobis, doloribus, quae voluptatibus adipisci id voluptatem! Sequi minus libero aliquam ex dolores culpa consequatur asperiores tenetur sit? Nulla aut atque, accusamus adipisci soluta vel perferendis, facilis quaerat porro, nihil fugit numquam. Itaque, optio, eveniet. Fugiat similique, modi maxime praesentium ex. Aspernatur et, eius dolore, asperiores rem facere.</p>
        </div>
    
    </li>
</ul>