JSFiddle - React, Tailwind, and code Playground

by Mohit Kumar Gupta

HTML

<table width="100%" cellspacing="3" cellpadding="0" style="border:1px solid black;border-collapse:collapse">
    <tbody>
        <tr>
            <td colspan="3" style="background-color:#d9eeff;"><strong>Order Details</strong>
            </td>
        </tr>
        <tr>
            <td colspan="2" width="50%">
			<table>
				<tr>
					<td> <strong>Order ID:</strong>

					</td>
					<td>XSL VALUE</td>
				</tr>
				<tr>
					<td> <strong>Date:</strong>
					</td>
					<td>XSL VALUE
					</td>
				</tr>
				<tr>
					<td> <strong>Payment Method:</strong>
					</td>
					<td>XSL VALUE
					</td>
				</tr>
				<tr>
					<td> <strong>Shipping Method:</strong>
					</td>
					<td>XSL VALUE
					</td>
				</tr>
			</table>
			</td>
			<td colspan="2" width="50%">
			<table>
				<tr>
					<td> <strong></strong></td>
					<td></td>
				</tr>
				<tr>
					<td> <strong>Email:</strong>
					</td>
					<td>XSL VALUE

					</td>
				</tr>
				<tr>
					<td> <strong>Telephone:</strong>
					</td>
					<td>XSL VALUE

					</td>
				</tr>
				<tr>
					<td> <strong></strong>
					</td>
					<td>
					</td>
				</tr>
			</table>
			</td>
		</tr>
    </tbody>
</table>