CSS Demo

Example 1

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 2

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 3

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 4

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 5

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 6

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 7

List Item #1
List Item #2
List Item #3
List Item #4
List Item #5
List Item #6

Example 8

Example 9

Example 10

Information:

View the CSS for this page for an explanation of each of the examples.

Links used in this tutorial

Places to ask questions (be sure to search first!)

Stack Overflow, CSS
Digital Humanities Questions and Answers For more general questions, friendly gorup

Open source designs

Watch out for spammy content (look at the code you're using) and look at the license - some require a link back, some do not.

The Chrome web browser is a good choice to view HTML/CSS. Try right clicking an element and choosing "inspect element."

Download a zip of this page and CSS. I based the template on the HTML5 boilerplate.