JSFiddle - React, Tailwind, and code Playground

by Giancarlo Corzo

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>8 cajas</title>
	</head>
	<body>
		<div class="caja"></div>
		<div class="caja-grande">
			<div class="caja inline-block">
				<span>Hola mundo</span>
			</div>
			<div class="caja inline-block">
			</div>
			<div class="caja inline-block">
			</div>
		</div>
		<div class="caja inline-block"></div>
		<div class="caja inline-block"></div>
		<div class="caja"></div>
	</body>
</html>

CSS

.caja{
	background-color: gray;
	width: 100px;
	height: 100px;
	border: 1px solid black;
	margin: 5px;
}

.inline-block{
	display: inline-block;
}

.caja-grande{
	background-color: gray;
	border: 1px solid black;
	padding: 5px;
	width: 350px;
	margin: 5px;
}