<!DOCTYPE html>   <head>     <linktype = "text/css" rel="stylesheet" href="stylesheet.css" />     <title>Moctest</title>   </head>   <body>  <div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;  background-position:center;'>   <img src="http://websitebackgroundpatterns.com/wp-content/uploads/2013/08/grey-background-pattern.png"; style='width:100%;height:100%' alt='[]' /> </div>    <div style = "margin-left:100px;height:600px; width:382px; background-color:#6699FF; float:left; margin-top:5px; border: 2px solid black; position:relative;">         <div style = "height:100px; width:382px; background-color:#6699FF; float:left; border: 2px solid black; text-align:center; background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSFdgCSPshLRm7qLr-fX2A-PE49syN7dGcKw8EoQAByv1E_0KqR5g);"> 382X100  </div> 	<h3 style= "margin-top:150px; position:relative;font-family:Comic Sans MS;margin-left:10px;"> <strong> MENU </strong> </h3> <h3 style = "font-family:Comic Sans MS;margin-left:10px;"> <strong> <a href = "link">Home </a> </strong>  <h3 style="font-family:Comic Sans MS;margin-left:10px;"> <strong> <a href = "link">About us </a> </strong> </h3> <h3 style="font-family:Comic Sans MS;margin-left:10px;"> <strong> <a href = "link">Contact us </a> </strong> </h3> </div>  <h1 style = "margin-top:5px; margin-left:500px; position:relative;"> Main Topic </h1>  <p style = " position:relative; margin-left:500px;margin-right:200px;margin-top:50px;font-family:Comic Sans MS;"> <strong>The big brown fox jumped over the blue moon. The big brown fox jumped over the blue moon agin. The big brown fox jumped over the blue moon again. The big brown fox jumped over the blue moon again. </strong> </p> <p style = " position:relative; margin-left:500px;margin-right:200px;margin-top:50px;font-family:Comic Sans MS;"> <strong>The big brown fox jumped over the blue moon. The big brown fox jumped over the blue moon agin. The big brown fox jumped over the blue moon again. The big brown fox jumped over the blue moon again. </strong></p> <p style = " position:relative; margin-left:500px;margin-right:200px;margin-top:50px;font-family:Comic Sans MS;"> <strong>The big brown fox jumped over the blue moon. The big brown fox jumped over the blue moon agin. The big brown fox jumped over the blue moon again. The big brown fox jumped over the blue moon again. </strong> </p>   <div style = "height:173px; width:249px; float:right; margin-right:270px; margin-left:30px; margin-top:30px; border: 2px solid black; position:relative; text-align:center; background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSFdgCSPshLRm7qLr-fX2A-PE49syN7dGcKw8EoQAByv1E_0KqR5g);">   	249X173 </div> <div style = "height:173px; width:249px; float:right; border: 2px solid black; text-align:center; margin-top:30px; position:relative; background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSFdgCSPshLRm7qLr-fX2A-PE49syN7dGcKw8EoQAByv1E_0KqR5g);">  	249X173 </div>    </body> </html>   <!-- background color link : http://www.google.co.in/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&docid=xue7m1H0rpmDEM&tbnid=lHK0ECLBpuSlRM:&ved=0CAUQjRw&url=http%3A%2F%2Fcss3wizardry.com%2Ftag%2Fchrome%2F&ei=bxRVUqSEIcXQrQG6xYDgCw&bvm=bv.53760139,d.aWM&psig=AFQjCNHy7BoyhEK8jBZPE-vMD6nX7FzeeA&ust=1381393678982344 -->  <!-- image link : https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSFdgCSPshLRm7qLr-fX2A-PE49syN7dGcKw8EoQAByv1E_0KqR5g -->