CSS Relative Positioning Demo #2

Introduction

The body has been limited to a width of 70% and centered by setting its margins to a value of auto. The second paragraph has been given a border (to make the positioning easier to see) and relatively positioned to an offset of 30 pixels up and 40 pixels to the left of its static (or normal) location. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam commodo, quam luctus sodales egestas, turpis mi mattis tellus, sed bibendum dui neque quis arcu. Pellentesque ornare nunc vitae augue. Vestibulum ullamcorper dolor id magna condimentum faucibus. Pellentesque ut orci. Nam sodales mollis augue.

Nam nunc. Sed scelerisque ligula vel nisi. Nunc sollicitudin vulputate lorem. Donec neque pede, scelerisque eu, tristique vitae, fermentum vel, dui. Fusce sagittis consequat velit. Aliquam non eros quis magna vehicula elementum. Duis nunc ante, euismod ut, ultricies eu, auctor ut, lectus.

Sed porttitor lacinia elit. Aliquam eget tortor a felis luctus vehicula. Pellentesque sit amet erat a nisl consequat mollis. Praesent justo tellus, tempus et, egestas eu, gravida nec, neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse fermentum ornare pede. Aliquam convallis bibendum felis. Sed fermentum ultricies turpis. Sed ut turpis. Integer sagittis. Nam et quam. Pellentesque ac magna. Aenean nulla orci, lacinia ut, euismod in, rutrum et, quam.


Copyright 2006, by Michael Gildersleeve
Computer Science
University of New Hampshire
Durham, NH 03824 USA
mike.gildersleeve@unh.edu
http://www.cs.unh.edu/cit/403/