JSFiddle - React, Tailwind, and code Playground

by Alex Chariz

HTML

<div style="background-color: blue;">
			<table style="height: 100px;border-spacing: 0;border-collapse: collapse;">
				<tr>
					<td style="height: 100%;width: 100px;">
						<div style="height: 100%;background-color: red;">
                            BOX1
						</div>
					</td>
					<td style="height: 100%;width: 100px;">
						<div style="height: 100%;background-color: red;border-width: 10px;border-color:green;border-style:solid;">
                            BOX2
						</div>
					</td>
				</tr>
			</table>
		</div>

CSS

div {
   box-sizing: border-box;
    -webkit-box-sizing: content-box;
}