CSS Box Model Tutorial
visualized by magnifying left
hand border.

<html>
  <head>
    <title>CSS Box Model Tutorial</title>
    <style type='text/css'>
pre.foo
{
margin: 1em;
border-left: 6em solid red;
background: white;
padding-left: 3em;
color: black;
width: 30em;
height: 21em;
overflow: auto;
}
body
{
background: black;
padding: 0em;
margin: 0em;
}
a
{
color: rgb(50,75,125);
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
    </style>
  </head>
<body>
   <pre class='foo'>recurse
   </pre>
  </body>
</html>


Øyvind Kolås 2005