A message to the user about something they did wrong.

A friendly message to the user

A pocket-full of content

Billy May Billy May blowing away

This is a template full of content, tables & lists of different types (ordered, unordered, arrows, etc), nested lists & tables, definition lists, floating images, images with captions, links, image-links, headings (h1, h2, h3, h4, h5, h6), pre-formatted text, horizontal rules, addresses, blockquotes, form-fields (by including templates/form.php), and other common content items, for the purpose of making it convenient to write CSS styles that you can be sure will cover every requirement.

Empty-pocketed, he ran away from the institution

When writing a site's CSS, you should make sure everything on this page looks good, as a bare minimum, so that your website will be as easy as possible to add a broad range of content to.


Some Lorem Ipsum

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Some lists for your listening pleasure

An unordered list

An ordered list

  1. A world within worlds
  2. More of them inside this item
  3. A third item to think about

An arrowed list

A definition list

List Header
Term 1
This is the definition of the first term.
Term 2
This is the definition of the second term.

A Wee Bit More Ipsum

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden- Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.

Some Tables

Suits whizzing past

Sample Table 1

A test table with merged cells
Average Red
eyes
height weight
Males 1.9 0.003 40%
Females 1.7 0.002 43%

Sample Table 2

Another test table, with alternating even & odd rows
Name Age Height (cm) Weight (kg)
Bill 39 189 90
Ben 40 195 85
Sue 20 175 60
Sarah 25 180 65
Kim 31 182 68
Tim 34 173 88

Sample Table 3

Another test table, just to test an even last row
Name Age Height (cm) Weight (kg)
Sarah 25 180 65
Kim 31 182 68
Tim 34 173 88

Sample Table 4

Name Age Height (cm) Weight (kg)
Sarah 25 180 65
Kim 31 182 68
Tim 34 173 88
Another test table, just to test an even last row

Headings & images

A centered image-callout

With a paragraph or so of content after it, just to test that the bottom margin works out OK. It needs to look good after a heading & before/after a paragraph, so let's put in another one below:

A centered image-callout

A level-3 heading

With some content following it.

A level-1 heading

With a subsequent level-2 heading

And a level-3 heading

And a level-4 heading

And a level-5 heading
And a level-6 heading

And a wee bit of content following it

A 2-line
level-1 heading

A 2-line
level-2 heading

A 2-line
level-3 heading

A 2-line
level-4 heading

A 2-line
level-5 heading
A 2-line
level-6 heading

Pre-formatted text

 This is some pre-formatted, monospaced text. You'd use it to display
 code, or a carefully-laid-out text file. Maybe a README.txt or some
 INSTALL notes from an application's source code.

Some other useful elements

This text is inside a blockquote element. Use it for quoting people, books, or government personel. You could style it to have big background quotes or a light grey 4-pixel border. You might want to make it stand out in other ways, or you might want to make it blend in with your content.

An address tag

Newsletter editor
J.R. Brown
8723 Buena Vista, Smallville, CT 01234
Tel: +1 (123) 456 7890