<div id="header">
  <h1>Online Shop für Elektronik</h1>
</div>
<div id="product">
  <p>Unser Highlight: <strong>Laptop</strong> von Dell.</p>
  <p><img src="laptop.jpg" width="500" height="300" /></p>
  <p>Mehr Informationen finden Sie hier:</p>
  <p><a href="http://www.dell.com">Webseite von Dell</a></p>
</div>
<div id="accessory">
  <p>Im Lieferumfang enthalten: eine Maus.</p>
  <p><img src="mouse.jpg" width="200" height="150" /></p>
</div>

body {
  background-color: lightgrey;
}
h1 {
  color: navy;
}
a:link {
  color: darkred;
}
a:hover {
  color: darkgreen;
}
#header {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 800px;
  height: 50px;
  text-align: center;
}
#product {
  background-color: lightyellow;
  position: absolute;
  top: 80px;
  left: 10px;
  width: 600px;
  height: 400px;
  padding: 20px;
}
#accessory {
  background-color: lightblue;
  position: absolute;
  top: 500px;
  left: 650px;
  width: 300px;
  height: 200px;
  padding: 10px;
  border: 2px solid darkblue;
}