JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
<div class="image"></div>
    <div class="content">
        <p>text text text text text text</p>
        <p>121233131</p>
        <p>121233131</p>
    </div>
</div>

CSS

.wrap {
 width: 240px;
 border: 1px solid #000;
 margin: 10px;   
 overflow: hidden;
}
.image {
 float: left;
 width: 80px;  
 height: 100px;
    background: #8AF;
}
.content {
 float: left;
 width: 120px;  
padding: 0 12px;    
}
.content p {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 140px;
}