JSFiddle - React, Tailwind, and code Playground

by Sub Lines

HTML

<table cellpadding="10" cellspacing="0" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Sans-Serif; width: 100%;">
    <tbody>
        <tr style="background-color: rgb(245, 245, 245);">
            <td style="vertical-align: middle;">
                <table cellpadding="0" cellspacing="0" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Sans-Serif;">
                    <tbody>
                        <tr>
                            <td>
                                <h3 color="#454545" style="margin: 0px; font-size: 18px; color: rgb(69, 69, 69); padding-left: 5px;">
                                <span>Max</span><span>&nbsp;</span><span>Mustermann</span>
                                </h3>
                                <p color="#454545" font-size="medium" style="margin: 0px; color: rgb(69, 69, 69); font-size: 14px; line-height: 22px; padding-left: 5px;">
                                <span>XY Manager</span>
                                </p>
                                <p color="#454545" font-size="medium" style="margin: 0px; font-weight: 500; color: rgb(69, 69, 69); font-size: 14px; line-height: 22px; padding-top: 10px;">
                                <img width="200" height="38" style="height: 38px; width: 200px; display: block;" alt="Testberichte.de"...