JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"class="clear">
    <div id="left">
        <img src='gradove-images/svishtov/kaleto.jpg' width='200px' height='200px'/>
         <div>asdadadadasda</div>
    </div>
    <div id="right">
        <img src='gradove-images/svishtov/kaleto.jpg' width='200px' height='200px'/>
        <div>asdadadadasda</div>
    </div>
</div>

CSS

#container{
    border: 1px solid #ccc;
    width: 420px;
}
.clear:after{
    content: "";
    display: block;
    clear: both;
}
#left,
#right{
    width: 200px;
    margin-left: 5px;
    float: left;
}