left_h.aspx font size:
View Sample
<html>
<head>
<title>Abakada CSS Demo: left Property</title>
<link rel="stylesheet" href="/shared/netdemos.css">
</head>

<body>
<div class="header"><h2>Abakada CSS Demo: <b>left</b> Property</h2></div>
<hr size=1 width=92%>

<center>

<h4>This example shows how inline styles are used to set an element's <b>left</b> position.<br>
When position is set to <i>absolute</i>, the <b>left</b> properties specify offsets from the left edge of the element's containing block<br>
which in this case is the viewport.</h4>

<div style="background: black; width: 80%; height: 600px">

   <div style="position: absolute; top: 640px; left: 230px">
      <img src="/shared/images/mercury.gif" width=50px title="Mercury">
   </div>

   <div style="position: absolute; top: 610px; left: 300px">
      <img src="/shared/images/venus.gif" width=75px title="Venus">
   </div>

   <div style="position: absolute; top: 540px; left: 390px">
      <img src="/shared/images/earth.gif" width=150 title="Earth">
   </div>

   <div style="position: absolute; top: 530px; left: 540px">
      <img src="/shared/images/mars.gif" width=60px title="Mars">
   </div>

   <div style="position: absolute; top: 440px; left: 610px">
      <img src="/shared/images/jupiter.gif" title="Jupiter">
   </div>

   <div style="position: absolute; top: 370px; left: 750px">
      <img src="/shared/images/saturn.gif" width=200px title="Saturn">
   </div>

   <div style="position: absolute; top: 290px; left: 910px">
      <img src="/shared/images/uranus.gif" width=120 title="Uranus">
   </div>

   <div style="position: absolute; top: 200px; left: 980px">
      <img src="/shared/images/neptune.gif" width=100 title="Neptune">
   </div>

</div>

</center>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>