JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
<div class="left">
    <img src="http://placehold.it/200x200" />
</div>
<div class="right"> A TEXT  </div>
</div>

CSS

.main{
   display: flex;
   align-items: center;
}

.left {
float: left;
width: 79%;
margin-right: 1%;
}
.left img {
 float: right;
}
.right {
 float: right;
 width: 20%;
}