JSFiddle - React, Tailwind, and code Playground

HTML

<div id="textbox">
<p class="alignleft"><img src="http://www.ledr.com/colours/blue.jpg" width="200" height="200"></p>
<p class="aligncenter"><img src="http://www.ledr.com/colours/red.jpg" width="200" height="200"></p>
<p class="alignright"><img src="http://www.ledr.com/colours/green.jpg" width="200" height="200"></p>
</div>
<div style="clear: both;"></div>
    
<div id="textbox">
<p class="alignleft"><img src="http://www.ledr.com/colours/blue.jpg" width="200" height="200"></p>
<p class="aligncenter"><img src="http://www.ledr.com/colours/red.jpg" width="200" height="200"></p>
<p class="alignright"><img src="http://www.ledr.com/colours/green.jpg" width="200" height="200"></p>
</div>
<div style="clear: both;"></div>

CSS

.alignleft {
    float: left;
    text-align:left;
    width:33.33333%;
    min-width:200px;
}
.aligncenter {
    float: left;
    text-align:center;
    width:33.33333%;
    min-width:200px;
}
.alignright {
    float: left;
    text-align:right;
    width:33.33333%;
    min-width:200px;
}