JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="columns">
        <img src="#" height="200px" width="200px" />
    </div>
    <div class="columns c2">
        TestingTestingTestingTesting
    </div>
</div>
<br /><br />
<div class="content">
    <div class="columns">
        <img src="#" height="200px" width="200px" />
    </div>
    <div class="columns c2">
        Testing
    </div>
</div>

CSS

.content
{
 margin: 10px;
 padding: 0;
 border: 1px solid black;
 overflow:hidden;
}

.columns
{
 position: relative;
 float: left;
 padding-right: 20px;
 margin-bottom: 10px;
}

.c2 {
 overflow:hidden;
 margin: auto;
 padding-right: 10px;
 word-wrap: break-word;
 float:left
}