<style type="text/css"> div#banner{color:blue; background:#BFE2F9; font-family:"Arial", "Helvetica", "san-serif"; font-size:125%;} div.body{position:absolute; font-family:"monospace"; z-index:2;} div#htmlimage{position:absolute; top:75px; left:50px; font-family:"Arial"; font-weight:bold; z-index:1;} div#javascriptimage{position:absolute; top:150px; left:300px; font-family:"Arial"; font-weight:bold;} </style> </head> <body> <div id="banner"> <p>This is my banner at the top of the page.<br> Perhaps there is important information given here.</p> </div> <div id="htmlimage"> <img src="htmlbook.jpg" width="112" height="144"> <p>HTML for the World Wide Web<p> </div> <div id="javascriptimage"> <img src="javascriptbook.jpg" width="111" height="144"> <p>JavaScript for the World Wide Web<p> </div> <div class="body"> <p>Text, Text and more text.<br> Text, Text and more text.<br> Text, Text and more text.</p> <p>Sample, sample, sample.<br> Sample, sample, sample.<br> Sample, sample, sample.</p> </div> </body> </html>