<link href="template.css" rel="stylesheet" type="text/css"/> <style type="text/css"> #apDiv1 { position:absolute; height:37px; z-index:0; top:193px; left: 345px; } #apDiv2 { position:absolute; height:37px; z-index:0; top:271px; left: 342px; } #apDiv3 { position:absolute; height:37px; z-index:0; top:375px; left: 250px; } #apDiv4 { position:absolute; height:37px; z-index:0; top:459px; left: 436px; } </style> <meta content="urn:uuid:cc4df671-052a-4154-a81c-81ddd10c66d9" name="Adept.expected.resource"/> </head> <body style="background-image:url('images/page001.jpg'); width:90%;height:90%; background-repeat:no-repeat;"> <div class="half" id="apDiv1">SINGAPORE HERITAGE COOKBOOKS</div> <div class="half1" id="apDiv2">MALAY</div> <div class="half2" id="apDiv3">HERITAGE</div> <div class="half3" id="apDiv4">Cooking</div> </body> </html>