JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
						<tbody>
							<tr>
								<th width="33.33%" valign="top" class="r6-c" style="font-weight: normal;">
									<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
										<!-- -->
										<tbody>
											<tr>
												<td valign="top" class="r7-i" style="padding-left: 5px; padding-right: 5px;">
													<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
														<tbody>
															<tr>
																<td class="r17-c" align="left">
																	<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="179" class="r18-o" style="table-layout: fixed; width: 179px;">
																		<tbody>
																			<tr>
																				<td class="r15-i" style="font-size: 0px; line-height: 0px; padding-bottom: 15px; padding-top: 15px;"> <a href="https://www.bestincomesecret.com/uvb/listexplosion1.pdf"><img src="https://img.mailinblue.com/1343568/images/content_library/original/644e5571f13ba51d20122810.png" width="179" border="0" class="" style="display: block; width: 100%;"></a></td>
																			</tr>
																		</tbody>
																	</table>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</tbody>
									</table>
								</th>
								<th width="66.67%" valign="top" class="r6-c" style="font-weight: normal;">
									<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
										<!-- -->
										<tbody>
											<tr>
												<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
													<table width="100%" cellspacing="0" cellpadding="0" border="0"...