This is naked text in the body (technically an error).

This a paragraph sample which I'll try and fill out enough to test the line wrapping in the browser. I may not be able to if you have some pathologically wide window setting or impossibly small font size set. I that case I highly recommend that you download this file and double up the length of this paragraph because I've already lost my will to continue. =)

Header 1 -- Sample Page

Header 2 -- Sample Page

Header 3 -- Sample Page

Header 4 -- Sample Page

Header 5 -- Sample Page
Header 6 -- Sample Page
This is a 
   pre
 sample

Another para to contain: Bold, STRONG, Italic, EMphasis,
This text is between two BR tags,
Anchor link, SPAN without any style, SPAN styled "color: red;", BIG, SMALL, TT teletype, Underline, SUBscript, SUPerscript, STRIKE and Strike.

New paragraph for more inline styles: CITE citation, DFN defining instance, CODE, SAMPle output, KBD keyboard text, VARiable, ABBR, ACRONYM, moon an image, Q short Quotation, and BDO bidirectional override with 'dir="rtl"'.

  1. The first LI List Item of an OL Ordered list
  2. The second LI List Item of an OL Ordered list
  3. The third LI
    1. The first LI of a nested OL
    2. The second LI of a nested OL
    3. The third LI nested.
      1. deeper nested LI OL
      2. again deeper nested LI OL
    4. The fourth LI of the second nested OL
    5. The fifth LI nested
  4. The fourth LI of the first nested OL
  5. The fifth LI nested
  6. The sixth LI of the first nested OL
  7. The seventh LI nested
First DT Definition Term of a DL Definition List
First DD Definition of a DL Definition List
Second DT of a DL
Second DD of a DL
Third DT of a DL
Third DD of a DL with nested content:
  1. first
  2. second
  3. third
Fourth DT
Fourth DT again
Fourth DD
Another Fourth DD
Fifth DT of a DL
Fifth DD of a DL with nested DL!:
first DT of inner DL
first DD of inner DL
second DT of inner DL
second DD of inner DL
Sixth DT of a DL
Sixth DD of a DL

Paragraph style set to "color: red;" and now some block content items that end the paragraph. There is no close tag on the P.

This is content inside an unstyled DIV. It should be plain. Your browser may display the DIV with a full paragraph return or only a linefeed between it and the preceding paragraph. This text should be wide enough to wordwrap, else you may follow the advice above.

Paragraph style set to "color: green;" No end tag.

This is a BLOCKQUOTE without a Paragraph tag inside it. This should be displayed with indents on both ends. It shouldn't be green since the block tags are all supposed to close the P tag.

Paragraph style set to "color: magenta;" No end tag.

This is a BLOCKQUOTE with a Paragraph tag inside it. This should be displayed with indents on both ends. It shouldn't be magenta since the block tags are all supposed to close the P tag. It should look exactly like the one above minus this text.

Paragraph style set to "color: red;" followed by a HR Horizontal Rule tag.


This is uncontained text, it still shouldn't be red. HR closes P.

This is a P that follows a HR. There may be more white space before this than the previous example. I have no idea how to get around that.

Paragraph style set to "color: green;" No end tag.

This is text inside an ADDRESS tag, presumably this is rendered as a new paragraph all in italics. It shouldn't be green either. Some browsers may treat this as orphaned text when there is no closing P tag and just treat the opening ADDRESS tag as a BR.

Paragraph style set to "color: magenta;" WITH end tag.

This is text inside an ADDRESS tag, presumably this is rendered as a new paragraph all in italics. It shouldn't be magenta either. Some browsers may treat this as orphaned text when there is no closing P tag and just treat the opening ADDRESS tag as a BR.

END: Now, head back to the Main tutorial page

file: last modified: