JSFiddle - React, Tailwind, and code Playground

by lennyekberg

HTML

<pre><code>

<table width="100%" border="0" style="border-collapse: collapse; background: #fff; max-width: 600px;">
	<tr>
		<th style="text-align: left; background: #173254; color: #fff; padding: 10px;">
			<h1 style="margin-bottom: 0px;">[submission:values:mail_subject]</h1>
		</th>
	</tr>
	<tr style="background: #eff1f0;">
		<td style="padding: 10px">
			<h4 style="margin-top:0px; margin-bottom: 15px;">Namn</h4>
			<span style="display: inline-block; background: #fff; border: 1px solid #ccc; padding: 8px; margin-top: 6px;">[submission:values:namn]</span>
		</td>
	</tr>
	<tr style="background: #eff1f0;">
		<td style="padding: 10px">
			<h4 style="margin-top:0px; margin-bottom: 15px;">E-post</h4>
			<span style="display: inline-block; background: #fff; border: 1px solid #ccc; padding: 8px; margin-top: 6px;">[submission:values:e_post]</span>
		</td>
	</tr>
	<tr style="background: #eff1f0;">
		<td style="padding: 10px">
			<h4 style="margin-top:0px; margin-bottom: 15px;">Telefon</h4>
			<span style="display: inline-block; background: #fff; border: 1px solid #ccc; padding: 8px; margin-top: 6px;">[submission:values:telefon]</span>
		</td>
	</tr>
	<tr style="background: #eff1f0;">
		<td style="padding: 10px">
			<h4 style="margin-top:0px; margin-bottom: 15px;">Bifoga CV</h4>
			<span style="display: inline-block; background: #fff; border: 1px solid #ccc; padding: 8px; margin-top: 6px;">[submission:values:bifoga_fil]</span>
		</td>
	</tr>
	<tr style="background: red;">
		<td style="padding: 10px">
			<h4 style="margin-top:0px; margin-bottom: 15px;">Personligt brev</h4>
			<span style="display: inline-block; background: #fff; border: 1px solid #ccc; padding: 8px; margin-top: 6px; width: 100%; box-sizing: border-box;">[submission:values:meddelande]</span>
		</td>
	</tr>

	
</table>
</code></pre>