CSS Test (Heading 1)

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

A paragraph with a "Drop Cap" (<strong>) first letter. Now the Lorem Ipsum (<em>) courtesy of the Lorem Ipsum Generator. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor. In ante lectus, adipiscing ut, accumsan consequat, mollis id, augue. Maecenas tristique, enim tincidunt vestibulum suscipit, magna urna aliquam turpis, ullamcorper fermentum enim sapien non felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce in odio. Cras condimentum eros quis ipsum. Suspendisse euismod purus id quam. Integer neque est, placerat vel, condimentum eu, facilisis sed, nisl. Proin faucibus augue semper neque. Nulla eu mi non velit auctor interdum. Suspendisse vitae turpis. Etiam tempor blandit nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris turpis. In gravida lectus in lacus. Quisque faucibus leo id libero. Nullam mattis porttitor magna. Donec lorem. Sed quis sapien sed lacus mattis varius.

Pellentesque hendrerit quam et odio. Praesent in est. Quisque consequat elementum elit. Phasellus ipsum odio, suscipit a, mollis eget, rhoncus quis, ipsum. Mauris quis quam. Ut et diam. Sed ac ligula. Mauris at turpis in neque vulputate tincidunt. Phasellus id felis vitae urna tempor egestas. Quisque luctus, sapien nec placerat accumsan, nibh nunc commodo sem, a rhoncus magna odio eget odio. Nunc quis quam vitae ante vehicula faucibus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi. In vulputate porttitor lacus. In ac ante. Cras justo erat, faucibus a, sodales nec, mattis nec, nisl. Duis gravida euismod metus. Proin dui est, commodo nec, bibendum vitae, feugiat at, lorem. Vivamus tincidunt mi eget libero. Suspendisse at magna et arcu porta lacinia.

List Elements

Un-ordered

  • CV type stuff
  • Japanese stuff
    • I'd better nest some stuff.
    • I'd better nest some stuff.
  • a Blog perhaps?

Now the ordered one.

  1. CV type stuff
  2. Japanese stuff
    1. I'd better nest some stuff.
    2. I'd better nest some stuff.
  3. a Blog perhaps?

Now the definition list.

CV type stuff
My Name
My Skills
Japanese stuff
Vocab
Kana Tests
a Blog perhaps?
My coding exploits
Anything web related

Form Elements (generated by Cake)

Radio Input

As you can see, I haven't yet paid any style attention to radio button (or the fieldset used to contain them. The default styles for forms have killed the nice layout of these elements, and also has screwed up the line by line alignment of the text to the bakground. The other worry is the <select> drop-down, which hasn't aligned itself quite right but hasn't killed the flow.

I have an IE conditional stylesheet to fix most of the IE CSS intricacies, but I'm sure more will rear their ugly heads as I continue...

Otherwise this page renders correctly (apart from the radio thing above...) on Mozilla Firefox 2.0.0.14, IE6 and Opera 9.24.