JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Cupones de descuento</title>
</head>

<body>
<div id="content">
<!---------------------------------------CUPON TURISTA--------------------------------------->
	<div class="cupon">
	<img src="img/cortedos.png" class="corte" />
		<div class="logo"><img src="img/logobuzios.png" class="logobuzios" alt="logobuzios" /></div>
			<div class="cont">
				<h3>CUPON N°:</h3>
				<p>Nombre:</p>
				<p>DNI:</p>
				<p class="info">Válido desde DD/MM/AA hasta DD/MM/AA</p>
					<img src="img/separador.png" class="separador" alt="separador"/>
				<h3>MENÚ TURISTA</h3>
					<p>VÁLIDO PARA: 1 (UN) ALMUERZO O CENA</p>
					<p class="turista">Menú Turista: Incluye 1 (un) plato de entrada a elección + Incluye 3 (tres)
										opciones de plato principal + Incluye 1 (un) postre a elección.<br />
										NO Incluye Bebida. Horario de atención: 12 a 21:30 hs.</p>
					<img src="img/separadordos.png" class="separador" alt="separador"/>
				<p class="restaurant"><strong>RESTAURANTES ASOCIADOS:</strong> CLUB LA PLAGE - DON JUAN - BAR DO MANGUE - BUZIN - 
					ENU SUSHI - LA DOLCE VITA - PATIO HAVANA - NOI - PURO SABOR - SAN TELMO - DONA FLOR 
					MINEIROS GRILL - LORENZO - RINCON - PARVATI.</p>
			</div>
			<div class="pie">
				<p class="asociados">Visite nuestro listado de <strong>Restaurantes Asociados</strong></p>
					<img src="img/cubiertos.png" class="cubiertos" alt="cubiertos"/>
				<p class="web">www.grupobuziosgourmet.com</p>
			</div>

	</div>

	<!--Datos útiles-->
	
	<div class="datos">
		<div class="datoshead">
			<p class="datosutiles">DATOS ÚTILES</p>
		</div>
		
			<p class="utiles">El pasajero titular deberá presentar el o los vouchers impresos en el restaurante que haya seleccionado para consumir.<br />
			<strong>UBICACIÓN DE RESTAURANTES:</strong><br />
			<strong>CENTRO DE BÚZIOS:</strong> DON JUAN - BUZIN - LA DOLCE VITA - ENU SUSHI - PATIO HAVANA - NOI - PARVATI -...

CSS

html{ }

body { float: left;}

p {

	font: normal bold 14px arial narrow;
	margin: 0;

}

h3 {margin:0;font: normal bold 16px arial narrow;}

#content {
    float: left;
	min-height: 100%;
	width: 820px;
	height: 100%;
	display: table;

}

.cupon {
    float: left;
	width: 495px;
	height: 230px;
	float: left;
	margin: 5px 0 0 13px;
	display: table-row;
}

.cupondos {

	width: 495px;
	height: 230px;
	float: left;
	margin: 5px 0 0 13px;

}

.datos {

	width: 300px;
	height: 230px;
	background: rgb(213, 213, 213);
	float: left;
	margin: 5px 0 0 0;
	display: table-row;

}

.datosdos{
	width: 300px;
	height: 230px;
	background: rgb(213, 213, 213);
	float: left;
	margin: 5px 0 0 0;

}

.logo {

	width: 150px;
	height: 150px;
	float:left;

}

.logobuzios {padding: 24px 4px;}

.cont {

	width: 493px;
	height: 200px;

}


.pie {

	width: 495px;
	height: 25px;
	background: #222;
	margin: 5px 0 0 0;

}

.datoshead {

	width: 300px;
	height: 20px;
	background: #222;
	
}

.separador {display:block;}

.info {

	font: normal normal 12px arial narrow;
	padding: 2px 0 5px 0;
}


.turista {

	font: normal bold 11px arial narrow;
	padding: 3px 0;

}

.restaurant {

	font: normal normal 11px arial narrow;
	padding: 4px 10px;

}

.asociados {

	font: normal normal 14px arial narrow;
	color: #fff;
	float: left;
	padding: 3px 0 0 10px;

}

.cubiertos {

	width: 14px;
	margin: 2px 27px; 
	float: left;
	
}

.web {

	font: normal normal 14px arial narrow;
	color: #fff;
	float: left;
	margin: 0;
	padding: 3px 5px 0 0;
}

.datosutiles {
	
	font: normal bold 12px arial narrow;
	color: #fff;
	line-height: 20px;
	margin: 0 0 0 5px;

}

.utiles {

	font: normal normal 2.8mm arial narrow;
	padding: 3px 5px;
	color: #000;
}

/*****IE*****/
	.utiles {
	
		font-size: 9px\9; /* IE 8 and below */
		
	}
		
	.restaurant {

	font-size: 9px\9; /* IE 8 and below */
	padding: 2px 10px\9;/* IE 8 and below */

	}
	
	.logobuzios {padding: 32px 4px\9; /* IE 8 and below */}
	
	@media print {

		body, #content...