Code: Select all
<html>
<head>
<title>Vertical Alignment With Table</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
background-color: #FFF;
}
table.overlay {
width: 100%;
height: 100%;
background-color: #D0E0F0;
text-align: center;
}
.hello {
margin: auto;
padding: 1em;
width: 200px;
background-color: #B0C0D0;
text-align: justify;
}
.hello h2 {
margin: 0 0 1em 0;
padding: 0;
}
-->
</style>
</head>
<body>
<table class="overlay">
<tr>
<td valign="middle">
<div class="hello">
<h2>Hello, World.</h2>
<div>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.
</div>
</div>
</td>
</tr>
</table>
</body>
</html>Edit: This post was recovered from search engine cache.