JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>
	<title>ERROR</title>
	<style>
		body {
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
			margin: 5px;
		}

		.header {
			background-image: linear-gradient(bottom, rgb(153, 151, 153) 8%, rgb(199, 199, 199) 54%);
			background-image: -o-linear-gradient(bottom, rgb(153, 151, 153) 8%, rgb(199, 199, 199) 54%);
			background-image: -moz-linear-gradient(bottom, rgb(153, 151, 153) 8%, rgb(199, 199, 199) 54%);
			background-image: -webkit-linear-gradient(bottom, rgb(153, 151, 153) 8%, rgb(199, 199, 199) 54%);
			background-image: -ms-linear-gradient(bottom, rgb(153, 151, 153) 8%, rgb(199, 199, 199) 54%);

			background-image: -webkit-gradient(linear,
					left bottom,
					left top,
					color-stop(0.08, rgb(153, 151, 153)),
					color-stop(0.54, rgb(199, 199, 199)));
			color: black;
			padding: 2px;
			font-weight: normal;
			border: solid 1px;
			font-size: 170%;
			text-align: left;
			vertical-align: middle;
			height: 32px;
			margin-bottom: 10px;
		}

		.error-div {
			display: inline-block;
			width: 32px;
			height: 32px;
			background:...