JSFiddle - React, Tailwind, and code Playground

HTML

<div style='width:508px'>
    <div class='search_result'> 
        Meerkats demonstrate altruistic behavior within their colonies; one or more meerkats stand sentry while others are foraging or playing, to warn them of approaching dangers ...
    </div>
    <div class='search_result'>
        one or more meerkats stand sentry
    </div>
    <div class='search_result'>
        meerkats
    </div>
</div>

CSS

.search_result {
    border: thin solid;
    width: 250px;
    height:200px;
    display: inline-block;
    vertical-align: top
}