<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>blurtheline</title>
<style>
#title {
font-family: helvetica;
color: #000000;
height: 50px;
}
#centered {width: 500px;
 height: 500px;
 text-align: center;
 color: #fff;
 position: absolute;
 left: 30%;
 top: 30%;
 margin-left: -5px; 
 /* Half the width of the DIV tag which is 50 pixels */
 margin-top: -5px; 
 /* Half the height of the DIV tag which is also 50 pixels */
 
 }
html, body { height: 100%;}
</style>
<head>
<body>

<div id="centered">
<div id="title">blur the line</div>
<img src="images/btl3.jpg" width="503" height="360" alt="Blur the line">
</div>

</head>
</body>
</html>�