JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box1">
<font face="helvetica">
    TEXT TEXT TEXT <br><br><br>
    <b>NAME</b>
    <br>
    <img src="NAME" class="floatRight" width="214" height="130">
    TEXT TEXT TEXT<br><br>
    <b>NAME2</b>
    <br>
    <img src="NAME2" width="214" height="130" class="floatLeft">
    TEXT TEX TEXT
</font>
</div>

CSS

div.box1
    {
        border-width:0px;
        text-align:left;
        border: 1px #f00 solid;
    }
    img.floatLeft
    { 
        float: left; 
        margin: 5px;  
        border: 1px #00f solid;
    }

    img.floatRight
    { 
        float: right;  
        margin: 5px;  
        border: 1px #0f0 solid;
     }