JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <div class="test-header">
        <h1>Header text</h1>
        <span></span>
    </div>
    
    <div class="test-body">
        <div class="test-image"></div>
        
        <div class="test-text">
            <p>test text test text test text test text test text test
            test text test text test text test text test text test text 
            test text test text test text test text test text test text 
            test text test text test text test text test text test text</p>
        </div>
    </div>
</div>

<div class="test">
    <div class="test-header">
        <h1>Header text long</h1>
        <span></span>
    </div>
    
    <div class="test-body">
        <div class="test-image"></div>
        
        <div class="test-text">
            <p>test text test text test text test text test text test
            test text test text test text test text test text test text 
            test text test text test text test text test text test text 
            test text test text test text test text test text test text</p>
        </div>
    </div>
</div>

<div class="test">
    <div class="test-header">
        <h1>Header text very long</h1>
        <span></span>
    </div>
    
    <div class="test-body">
        <div class="test-image"></div>
        
        <div class="test-text">
            <p>test text test text test text test text test text test
            test text test text test text test text test text test text 
            test text test text test text test text test text test text 
            test text test text test text test text test text test text</p>
        </div>
    </div>
</div>

CSS

.test,
.test-header,
.test-header span,
.test-body,
.test-text {
    overflow: hidden;
}

.test {
    width: 300px;
    margin: 5px 0;
    padding: 5px;
    border: red 3px solid;
    background: pink;
}

.test-header h1 {
    float: left;
    height: 16px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px 0 0;
}

.test-header span {
    display: block;
    height: 16px;
    background: grey;
}

.test-image {
    float: left;
    width: 50px;
    height: 50px;
    margin: 5px;
    background: green;
}

.test-text {
    font-size: 12px;
}

.test-text p {
    margin: 0;    
}