JSFiddle - React, Tailwind, and code Playground

by rluuan

HTML

<style>
    * { box-sizing: border-box; }
    td { vertical-align: top; padding: 10px; word-break: break-word}
    table { border-color: #ddd !important; table-layout: fixed; width: 100%; max-width: 100px;}
</style>
<table border='1' height='250px' cellspacing='1' cellpadding='1'>
  <tr>
    <td style='width: 450px;'></td>
    <td style='width: 338px;'>
        <table border='1' style='margin-left: 20px;'>
            <tr>
                <td style='width: 50px; text-align: center;'><img style='width: 20px;' src='https://pb01-sb.nimbi.net.br/NimbiShopBackOffice/img/logo_NimbiresizeB.png'></td>
                <td style='width:250px;'></td>
            </tr>
            <tr>
                <td style='width: 50px; text-align: center;'><img style='width: 35px;' src='https://pb01-sb.nimbi.net.br/NimbiShopBackOffice/img/serasaexperianlogo.png'></td>
                <td style='width:250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;'></td>
            </tr>
            <tr>
                <td style='width: 50px; text-align: center;'>
                  <i class='far fa-arrow-down' style='color: #46afe1;'></i>
                </td>
                <td style='width:250px;'></td>
            </tr>
            <tr>
                <td style='width: 50px; text-align: center;'>
                  <i class='far fa-usd-circle' style='color: #46afe1;'></i>
                </td>
                <td style='width:250px;'></td>
            </tr>
        </table>
    </td>
  </tr>
</table>