Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>foo</title>
		<style type"text/css">
		body {
			display: table;
			border: 1px solid black;
		}

		header {
			display: table-cell;
			border-bottom: 1px solid black;
			width: 100%;
		}

		header h1 {
			padding: none;
			margin: none;
		}
		nav {
			display: table-cell;
			border-right: 1px solid black;
		}

		nav ul {
			list-style: none;
			margin: none;
			padding: none;
		}

		article {
			display: table-cell;
		}

		footer {
			display: table-cell;
			border-top: 1px solid black;
			width: 100%;
		}
		</style>
	</head>
	<body>
		<div class="row">
			<header>
				<h1>O HAI</h1>
			</header>
		</div>
		<div class="row">
			<nav>
				<ul>
					<li>foo</li>
					<li>foo</li>
				</ul>
			</nav>
		<article>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vulputate sapien quis massa lobortis quis elementum felis rhoncus. Pellentesque facilisis, ipsum nec ullamcorper pretium, risus ipsum blandit magna, vel pharetra ipsum sem quis magna. In porta viverra enim, vitae viverra ipsum dictum egestas. Cras scelerisque pellentesque tellus, sit amet pulvinar metus egestas ut. Vivamus feugiat pellentesque arcu vitae varius. Nunc libero nisl, ultricies id luctus non, placerat et mauris. In ut urna vitae elit vestibulum vestibulum et sit amet tortor. Etiam vestibulum lobortis euismod. Duis vulputate sem in libero congue posuere. Nam bibendum orci vitae magna suscipit suscipit. Proin viverra scelerisque dapibus.
			</p>
			<p>
				Curabitur ornare rhoncus nunc non dictum. Morbi tristique ante arcu, a vestibulum lorem. Aliquam ac odio tincidunt velit hendrerit imperdiet vel consectetur lacus. Etiam porta elit ac lectus consectetur posuere porta justo tempus. Duis eleifend venenatis ligula nec sodales. Duis a cursus ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque aliquam ornare est, at hendrerit leo congue a. Phasellus id augue ac lacus vulputate blandit. Nulla enim nibh, consectetur quis ultrices eget, suscipit eu mauris.
			</p>
		</article></div>
		<div class="row"><footer>OM NOM NOM</footer></div>
	</body>
</html>