JSFiddle - React, Tailwind, and code Playground

HTML

<div id="encabezado">
	
</div>
	
<div id="contenedor">
<div id="menu">
</div>
	
<h2 class="xlargo">Blablabla</h2>
		
<div id="contenido">
		
</div>
	
</div>
		
<div id="pie">
			
<div id="espacio"></div>
			
<p id="miMail">Desarrollado por <a href="mailto:jhkjhkjh" >Blabla</a></p>
		</div>

CSS

body {font-family:Trebuchet MS, sans-serif; margin: 0px;  width: 1024px;}

#encabezado{width: 930px; height: 139px; margin-left:40px;}

/*MENU*/
#menu{ height: 46px; background-color: #172322; width: 930px; }

#contenedor{margin-left: 40px; width: 930px; background-color: rgb(156,208,228); min-height: 100%;}

#contenido{height:100%; 	margin-bottom:0px;}

/*PIE*/
#pie{margin-left: 40px;text-align: center; background: black; height: 70px; color: white; width: 930px; clear: both;}


#espacio{height: 12px;  position: relative;}