JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Becket</title>
<meta charset="utf-8">
<link href="/styles.css" type="text/css" media="screen" rel="stylesheet">
</head>

<body>
<div class="head"></div>
<div class="menu"></div>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>

CSS

@charset "utf-8";
/* CSS Document */
*{
margin:0 auto;
padding:0 auto;
outline: none;
}

html{
display: 
background:#ddd;
color:#fff;	
width:100%;
height:100%;	
}

body{
width: 900px;
background: #CCC;
}
	
.head{
border: 1px solid #333;
height: 150px;

}

.menu{
border: 1px solid #333;
height: 20px;

}

.content{
border: 1px solid #333;
height: 500px;

}

.footer{
border: 1px solid #333;
height: 40px;

}