html {
	display: table;
	height: 100%;
	width: 100%;
}
body {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	font-family: sans-serif;
}
.content {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	max-width: 50em;
}
.float { width: auto; max-width: 50%; float: right; padding-left: 2em  }
table { width: 100% }
p { text-align: justify;  }

th:first-child { border-radius: 0.4em 0 0 0 }
th:last-child { border-radius: 0 0.4em 0 }
th { background-color: #06c; color: #fff}
td,th { text-align: left ; padding: 0.5em 1em ; margin: 5em }
tr:nth-child(even) {  background-color: #eee }
tr:hover { color: #008 }