JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-12">
       <table width="100%">
          <tr>
             <td width="100"><img src="imgaqui.jpg"></td>
             <td><p>SEU TXT AKI FORMATADO yg uyg yug uyg ykjg jg fyjkf ygf htj fhg fhg fgh f yjhf </p></td>
             <td width="1%" style="white-space:nowrap;text-align:right"><span>R$ 3,50</span></td>        
          </tr>
          <tr>
             <td width="100"><img src="imgaqui.jpg"></td>
             <td><p>SEU TXT AKI FORMATADO</p></td>
             <td width="1%" style="white-space:nowrap;text-align:right"><span>R$ 153,50</span></td>       
          </tr>
       </table>
    </div>

CSS

td span{
  font-size:30px;
  background:blue;
  width:auto;
  min-width:1px;
  text-align:right;
  float:right;
  white-space:nowrap;
}
td p{
  background:yellow;
  float:left;
}