<!DOCTYPE html>
<html>
<!-- EXPECTED REULTS: The main box should appear over and won and clean cup should appear out of its place over and down -->
<head>
<title>Setting the Left and Top Position of an Element</title>
<style type="text/css">
#object1 {
position: absolute;
top: 75px;
left: 6em;
border: silver solid 2px; }
#changeplace {
position: relative;
top: 1cm;
left: 1cm;
background-color: #ffcccc;}
</style>
</head>
<body>
<div id="object1">
<img src="/~sultans/html/demo/css/img/alice27.gif" width="250" height="225" border="0" align="left">
<p>'I want a <span id="changeplace">clean cup</span>,' interrupted the Hatter: 'let's all move one place on.'</p>
<p>He moved on as he spoke, and the Dormouse followed him: the March Hare moved into the Dormouse's place, and Alice rather unwillingly took the place of the March Hare. The Hatter was the only one who got any advantage from the change: and Alice was a good deal worse off than before, as the March Hare had just upset the milk-jug into his plate.</p>
<p>Alice did not wish to offend the Dormouse again, so she began very cautiously: 'But I don't understand. Where did they draw the treacle from?'</p>
<p>'You can draw water out of a water-well,' said the Hatter; 'so I should think you could draw treacle out of a treacle-well--eh, stupid?'</p>
</div>
</body>
</html>