JSFiddle - React, Tailwind, and code Playground

HTML

<div class="objet liste" id="dsk0">
  <div class="objet image" id="dsk0"><img src="http://www.skrenta.com/images/stackoverflow.jpg">  </div>
  <div class="objet" id="dsk1" style="width: 225.833px;height: auto;line-height:  0;vertical-align: top;" contenteditable="true">
    <div class="texte" style="
    vertical-align:  top;
">Texte qui parle de tout et de rien mais surtout de rien alors voici un peu plus de texte inutile juste pour voir la mise en forme de texte dans une div avec flex.</div>
  </div>

  <div class="objet image" id="dsk0"><img src="http://www.skrenta.com/images/stackoverflow.jpg" height="50">  </div>

  <div class="objet image" id="dsk0" height="100"><img src="http://www.skrenta.com/images/stackoverflow.jpg">  </div>
</div>

CSS

.objet
{
	position:relative;
	line-height:0;
}
.image
{
  border:1px solid #aaa;
}
.liste
{
	border:1px solid #f00;
	display: flex;
    align-items: baseline;
    justify-content: flex-start;
}
.texte
{
	line-height:normal;
}