Ich habe den Quelltext mal etwas umgeschrieben, sodass nun wie gewünscht der Text zentriert oben im Viewport dargestellt wird. Das Bild ist jetzt als Hintergrundgrafik mit CSS eingefügt.
HTML
<html>
<head>
<title>Happy Birthday</title>
<style type="text/css">
body {color:#FFF; font-weight:bold; background-image:url(1.jpg); background-repeat:no-repeat;}
#contents { width:20%; margin: 0 auto; text-align:center;}
</style>
</head>
<body >
<div id="contents" >TEST</div>
</body>
</html>