JSFiddle - React, Tailwind, and code Playground
by kodjoe mambi
HTML
<div style=" width:100%; max-width:550px; "> <table style=" width:100%; max-width:550px; border-collapse:collapse; "> <tbody> <tr> <td style=" padding:0; margin:0; vertical-align:top; width:70px; border: 0px; "> <table style=" width:100%; border-collapse:collapse; "> <tbody> <tr> <td style=" margin:0; padding-top:0px; padding-bottom:13px; padding-left:0px; padding-right:20px; text-align:left; border:0px; "> <img style=" border-radius:80px; " width="120" src="https://cdn.emailbadge.com/media/RzfCaYeOTWyWxbNGlNLWW8Z5Z1PB6QG8lnHWu5gj.jpg" border="0" alt=""> </td> </tr> <tr> <td style=" padding-top:0px; padding-bottom:13px; padding-left:0px; padding-right:20px; text-align:center; border:0px; "> <table style=" border-collapse:collapse; width:100%; margin:0; "> <tr> <td style="padding:0;margin:0;border:0px"></td> <td style=" border:0px; width:14px; text-align:center; padding-left:7px; padding-right:7px; "> <a href="https://" style="text-decoration:none;"> <img src="https://asset.emailbadge.com/customize-image?icon=facebook&color=%23007bff&size=md" width="20" alt="facebook"> </a> </td> <td style=" border:0px; width:14px; text-align:center; padding-left:7px; padding-right:7px; "> <a href="https://" style="text-decoration:none;"> <img src="https://asset.emailbadge.com/customize-image?icon=twitter&color=%23007bff&size=md" width="20" alt="twitter"> </a> </td> <td style=" border:0px; width:14px; text-align:center; padding-left:7px; padding-right:7px; "> <a href="http://" style="text-decoration:none;"> <img src="https://asset.emailbadge.com/customize-image?icon=linkedin&color=%23007bff&size=md" width="20" alt="linkedin"> </a> </td> <td style="padding:0;margin:0;border:0px"></td> </tr> </table> </td> </tr> </tbody> </table> </td> <td style=" padding:0; margin:0; vertical-align:top; border: 0px; "> <table style=" width:100%; border-collapse:collapse; "> <tbody> <tr> <td style=" margin:0; padding:0; padding-top:7px; padding-bottom:6px; padding-left:0px;...