<link> in <head>

If <link> works in the <head>, this text should be big and red.

<link> in <body>

If <link> works in the <body>, this text should be big and aqua.

<style> in <body>

If <style> works in the <body>, this text should be big and light blue.

Selectors and <style> in <head>

The text in this div should be Verdana

The font in this h1 should be Arial

e > f

Everything in strong tags should have a font-size of 10 pixels

e:link

This should be a red link (not visited) This should be a pink link (visited)

e:active

This should be blue when being clicked (click and drag to test)

e:hover

This should be green when you hover over it

e:focus

Input background should go orange on focus

e+f

this text should be indented 50 pixels

e[foo]

This span should be green

e.className

This span should be dark blue

e#id

This span should be yellow

e:first-line

The first line of the following text should be orange

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu erat nec eros dictum malesuada. Curabitur quam lacus, pharetra eget, auctor quis, condimentum in, est. Pellentesque sapien quam, aliquet sed, vulputate non, porttitor quis, orci. Donec congue purus a sem. Praesent vel justo hendrerit purus cursus feugiat. Nullam ante erat, posuere id, tincidunt nec, congue eu, libero.

e:first-letter

The first letter of the following text should be orange

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu erat nec eros dictum malesuada.

Properties

background-color

This text should have a background color of yellow

background-image

This text should have a background image of the CM logo

background-position

This text should have a background image of the CM logo starting in the top right

background-repeat

This text should have a background image of the CM logo only once

border

This paragraph should have a 2 pixel red border around it

border-collapse

Borders should be separate of each other

1	2	3	4
5	6	7	8

Borders should be shared between cells

1	2	3	4
5	6	7	8

border-spacing

There should be 5 pixels of horizontal space and 20 pixels of vertical space between each cell

1	2	3	4
5	6	7	8

bottom, top, left, right

20 pixels from the bottom 20 pixels from the top 20 pixels from the left 20 pixels from the right

caption-side

This is the caption it should appear on the right
1	2	3	4
5	6	7	8

clear

This should be next to the logo

This should be below to the logo

clip

The logo should be clipped after "Mon"

color

This text should be red

cursor

The mouse should change to a crosshair when hovering over this paragraph

direction

This text should be left to right

display

This span should be treated as a block elementThis normal span should display below the first paragraph.

empty-cells

The empty cells below should still have borders applied

1		3	4
5		7	8

filter

The logo should be 50% transparent in IE

float

The logo should be floated to the right

font-family

This paragraph should be in Arial

font-size

This paragraph should be in size 30 font

font-style

This paragraph should be in italic

font-variant

This paragrah should be in Small Caps

font-weight

This paragrah should be in bold

height

This paragraph should be 100 pixels high

letter-spacing

Each letter should be 10 pixels apart

line-height

Each line below should be 50 pixels high

list-style-image

The numbers should be replaced with a red dot

list-style-position

The numbers should be replaced with a red dot and indented

list-style-type

The numbers should be replaced with a disc

margin

This paragraph should have a margin of 50 pixels

opacity

The image below should have an opacity of 50% in any browser

overflow

This text should be have scroll bars. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu erat nec eros dictum malesuada. Curabitur quam lacus, pharetra eget, auctor quis, condimentum in, est. Pellentesque sapien quam, aliquet sed, vulputate non, porttitor quis, orci. Donec congue purus a sem. Praesent vel justo hendrerit purus cursus feugiat. Nullam ante erat, posuere id, tincidunt nec, congue eu, libero.

padding

This paragraph should have a padding of 50 pixels

position

This paragraph should be relatively positioned 100 pixels to the right.

table-layout

This table should have a fixed width of 100 pixels

text-align

The text in this paragraph should be right aligned.

text-decoration

The text in this paragraph should be underlined.

text-indent

The text in this paragraph should be indented 100 pixels to the right.

text-transform

The text in this paragraph should be coverted to uppercase.

vertical-align

The logo should be middle aligned with this text.

visibility

The text in the span > you shouldn't see this < should be hidden

white-space

Each line below should be tabbed, the bottom line should be tabbed twice.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sapien quam, aliquet sed, vulputate non. Nullam ante erat, posuere id, tincidunt nec, congue eu, libero.

width

This paragraph should be 150 pixels wide.

word-spacing

There should be 50 pixels space between each word.

z-index

The green paragraph should be over the top of most of the yellow paragraph.

Nullam ante erat, posuere id, tincidunt nec, congue eu, libero.