JSFiddle - React, Tailwind, and code Playground

by Empi

HTML

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

CSS

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

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

.content div:last-child
{
 margin: auto;
 padding-right: 10px;
 word-wrap: break-word;
}

.clear
{
    clear: both;
}