Font Awesome Examples

by rluuan

HTML

<script src="https://pb01-sb.nimbi.net.br/FontAwesome/fontawesome-pro-5-5-0/js/all.js"></script>
<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;}
    /* 788 */
</style>
<table border='1' height='250px' cellspacing='1' cellpadding='1'>
  <tr>
    <td style='width: 450px;'></td>
    <td style='width: 338px;'>
        <table border="1">
            <tr>
                <td style='width: 50px; text-align: center;'>icon</td>
                <td style='width:250px;'>text</td>
            </tr>
            <tr>
                <td style='width: 50px; text-align: center;'>icon</td>
                <td style='width:250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt vel reprehenderit doloremque nesciunt ad sed porro ipsa aspernatur quae veritatis aperiam voluptate fugit odit harum rerum illo, quidem accusantium explicabo.</td>
            </tr>
            <tr>
                <td style='width: 50px; text-align: center;'>
                  <i class="far fa-arrow-down"></i>
                </td>
                <td style='width:250px;'>text</td>
            </tr>
            <tr>
                <td style='width: 50px; text-align: center;'>
                  <i class="far fa-usd-circle"></i>
                </td>
                <td style='width:250px;'>text</td>
            </tr>
        </table>
    </td>
  </tr>
</table>