08-PositioningControls/SettingRightBottom/index.html

<!-- EXPECTED REULTS: The text should appear 125 px from the-
    bottom of the page and 12 em from the right while clean -
   cup appears 1cm over and to the left. -->
<html>

  <head>
    <meta http-equiv="content-type" content="text/html;chars-
       et=iso-8859-1">
    <title>DHTML for the WWW | Setting the Right and Bottom -
       Position of an Element</title>
        <style media="screen" type="text/css"><!--
#object1 {
    position: absolute;
    bottom: 125px;
    right: 12em;
    border: silver solid 2px; }
.changeplace {
    position: relative;
    bottom: 1cm;
    right: 1cm;
    background-color: #ffcccc;}
--></style>
    </head>
  <body>
        <div id="object1">
        <img src="alice27.gif" width="250" height="225" bord-
           er="0" align="left">
        <p>'I want a<span class="changeplace"> clean cup</sp-
           an>,' interrupted the Hatter: 'let's all move one-
            place on.'</p>
        <p>He moved on as he spoke, and the Dormouse followe-
           d him: the March Hare moved into the Dormouse's p-
           lace, and Alice rather unwillingly took the place-
            of the March Hare. The Hatter was the only one w-
           ho got any advantage from the change: and Alice w-
           as a good deal worse off than before, as the Marc-
           h 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 unders-
           tand. Where did they draw the treacle from?'</p>
        <p>'You can draw water out of a water-well,' said th-
           e Hatter; 'so I should think you could draw treac-
           le out of a treacle-well--eh, stupid?'</p>
</div>
    </body>

</html>