JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><img src="http://placekitten.com/20/20"/><span class="content">SOMETHING SOMETHING. A LONG TEXT THAT IS LONG</span><img src="http://placekitten.com/20/20"/></li>
    <li><img src="http://placekitten.com/20/20"/><span class="content">SHORT </span><img src="http://placekitten.com/20/20"/></li>
</ul>

CSS

ul{
    box-sizing:border-box;
    width:100%;
    border:1px solid red;
}
ul li{
    border:1px solid blue;
    width:100%;
}
li .content{
    display:inline-block;
    width: calc(100% - 40px);
}