Hey Everyone:

Sorry about the demo debacle that was Thursday.  Here is my original demo page that I had made the day before:

HTML:
http://hope.simons-rock.edu/~dlaspina/laika/(index.html)

CSS:
http://hope.simons-rock.edu/~dlaspina/laika/style.css

But I’ve posted a demo page, with style sheet that you can modify for either a 1, 2 or 3-column layout.  Remember that everything is just a grid of 8 or 12 squares and intervals are mathematically straightforward.  The one thing I messed up on is that all positioning should be RELATIVE:

.paragraph {
width: 700px;
left: 90px;
 position: relative;
top: 30px;
text-align: justify;
font-family: Georgia, “Times New Roman”, Times, serif;
}

Using this in html would look like this:

<div class=”paragraph”>
Laika (Russian: literally meaning “Barker”; c. 1954 &#151 November 3, 1957) was a Soviet space dog that became the first animal to orbit the Earth &#151 as well as the first animal to die in orbit.</div>

Using his style makes a nice 700px wide paragraph that is positioned 30px down from the bottom of the item above it—or relative to the item above it.  AND it is positioned 90px from the left of the page.

Email/GoogleTalk if you have any questions:

(949) DAVID 99