Back To Home Page

Examples of Positioning
Using CSS

Utilizing CSS properties to control positioning is a cinch! Patrick Fitzgerald has a wonderful and easy-to-follow tutorial, to educate eager young (or less-than-young) web programmer minds. In our Web Publishing 1 class, we were asked to follow the tutorial, and keep a page with each example ready-to-view on it.


On this page, you will find step 1: Static Positioning. Follow the links above to see other methods of positioning. Enjoy!


id = div-before

id = div-1

id = div-1a

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.

id = div-1b

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit. Nam mattis, arcu ut bibendum commodo, magna nisi tincidunt tortor, quis accumsan augue ipsum id lorem.

id = div-1c

id = div-after