JSFiddle - React, Tailwind, and code Playground

by mrunali tatkundawar

HTML

<div class="invoice-box" style="max-width: 1150px; margin: auto; padding: 30px; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, .15); font-size: 16px; line-height: 24px;font-family: 'Open Sans', sans-serif; color: #000;">
	<table style=" border: 1px solid #eeeeee; width: 100%; line-height: inherit; text-align: center; height: 399px;" cellspacing="0" cellpadding="0">
		<tbody>
            <tr style="background: #70ad46;">
                <td class="title"  colspan="3" style="padding: 5px 10px; vertical-align: top; font-size: 45px; line-height: 65px;text-align: left;width:100%;color:#ffffff">Invoice
                </td>
            </tr>
			<tr style="height: 125px;">
				<td style="padding: 5px 10px; vertical-align: top; height: 125px;" colspan="3">
					<table style="width: 100%; line-height: inherit; text-align: left;">
						<tbody>       
							<tr>
								<td style="padding: 5px 10px; vertical-align: top; padding-bottom: 40px;width: 60%;">Invoice to
									<br />Name: 
									<br />Address: </td>
								<td style="padding: 5px 10px; vertical-align: top; text-align: left; padding-bottom: 40px;width:40%">Invoice date
									<br />Due date
									<br />Invoice number</td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
			<tr style="height: 24px;background: #70ad46;">
				<td style="padding: 5px 10px; vertical-align: top;  border-bottom: 1px solid #dddddd; font-weight: bold; height: 24px;text-align:left;color: #ffffff;width:50%; border-right: 1px solid #eeeeee;">Description</td>
				<td style="padding: 5px 10px; vertical-align: top; text-align: right; border-bottom: 1px solid #dddddd; font-weight: bold; height: 24px;text-align:center;color: #ffffff;width:25%; border-right: 1px solid #eeeeee;">Tax</td>
        <td style="padding: 5px 10px; vertical-align: top; text-align: right;border-bottom: 1px solid #dddddd; font-weight: bold; height: 24px;text-align:right;color: #ffffff;width:25%;">Amount</td>
			</tr>
			<tr style="height:...