JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <img id="float-left" src="https://via.placeholder.com/32"/>
  <img id="float-right" src="https://via.placeholder.com/32"/>
</div>

CSS

#container{
  height: 50px;
  border: 1px solid red;
  align-items: center;
}
#float-left{
  
}
#float-right{
  
}

JavaScript

/*
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://jsfiddle.net/8emptL3k/3
https://placeholder.com/
*/

/*
appears to do nothiing
*/