JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foto1">
<img src="https://g.twimg.com/Twitter_logo_blue.png" width="100" height="100" />
</div>

<div id="foto2">
<img src="https://g.twimg.com/Twitter_logo_blue.png"  width="100" height="100" />
</div>

CSS

#foto1 {
float: left
    margin-left: 500px;
    
}

#foto2 {
    margin-right: 200px;    
  float: right
}