Basic Tag Test - NO CSS

Chapter Title (h1)

Chapter Subtitle (h2)

Chapter Number (aside) Chapter Intro Content (hgroup) (header)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus lorem, ornare eu sodales lacinia, porttitor sit amet enim. Etiam tempor mi vel dui mollis commodo. Nullam posuere, ante pretium feugiat tincidunt, ante purus volutpat nisl, non cursus massa arcu vitae nisl. Etiam pulvinar, lectus sit amet fermentum suscipit, quam nulla luctus dui, non ultrices diam enim et risus. Nam lectus enim, posuere dapibus imperdiet non, congue vitae lectus. Vestibulum adipiscing feugiat consequat. Nullam bibendum rhoncus elit, a accumsan mi semper facilisis. Nullam dolor neque, congue in porttitor vel, tincidunt ac magna. Fusce aliquam ipsum sed risus hendrerit facilisis. Phasellus aliquet, arcu aliquet pellentesque lacinia, libero dolor consequat libero, et faucibus quam enim et ipsum. Curabitur et ante non arcu ornare malesuada.(p)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus lorem, ornare eu sodales lacinia, porttitor sit amet enim. Etiam tempor mi vel dui mollis commodo. Nullam posuere, ante pretium feugiat tincidunt, ante purus volutpat nisl, non cursus massa arcu vitae nisl. Etiam pulvinar, lectus sit amet fermentum suscipit, quam nulla luctus dui, non ultrices diam enim et risus. Nam lectus enim, posuere dapibus imperdiet non, congue vitae lectus. Vestibulum adipiscing feugiat consequat. Nullam bibendum rhoncus elit, a accumsan mi semper facilisis. Nullam dolor neque, congue in porttitor vel, tincidunt ac magna. Fusce aliquam ipsum sed risus hendrerit facilisis. Phasellus aliquet, arcu aliquet pellentesque lacinia, libero dolor consequat libero, et faucibus quam enim et ipsum. Curabitur et ante non arcu ornare malesuada.(p)

Sub Section(h3)

Sub Section Subtitle(h4)

SubSection Inner Data(hgroup)

Block Quotes

Sidebar Title(h3)

Sidebar Subtitle(h4)

Sidebar intro content (hgroup)

Caption for an included image (figcaption)

Chapter Footer (h1)

Chapter Footer Subtitle(h2)

Additional Footer Content(footer)

((interactive element/code in here))

Content Break (hr)

/     \
  -  -
   **
  ,__,
P  R  E  F  O  R  M  A  T  T  E  D    T  E  X  T

Ordered List (ol):

Item 1 (li)

Item 2 (li)

Item 3 (li)

Unordered List: (ul)

Item (li)

another item (li)

Different Item (li)

Definition List (dl)

Term

This is where the definition goes

This is a division (div)

this is in the parent div above

This is a nested div

this is in the parent div below

this is a nested P test

this is the inner P

this is in the outer p Link to top of the document (a)

This is a format test, to test the format tags and their ability to nest.
EM: basic this is a nesting test
strong: basic this is a nesting test
small: basic this is a nesting test
q: basic this is a nesting test
i: basic this is a nesting test
b: basic this is a nesting test
u: basic this is a nesting test
sub: basic this is a nesting test
sup: basic this is a nesting test
code: basic this is a nesting test
samp: basic this is a nesting test
var: basic this is a nesting test
kbd: basic this is a nesting test
span: basic this is a nesting test
ins: basic this is a nesting test
del: basic this is a nesting test

ePub
First Use of DFN (dfn)
July 4th, 1776
This is a cite tag
This Is Awbr Test Where I Am Inserting Awbr Wherever There Is A Capital Letter Which Should Only Wrap At Those Points
thisisawbr tes twhereiamonlybreakingwhere thereis thele t ter twhichshouldhaveoddbreaking

below is an iframe with a div in it:
Video Tag (text should be displayed if tag not supported: Should only be displayed if video not supported
Audio Tag (text should be displayed if tag not supported: Should only be displayed if audio not supported
Tables:

Heading (th) | Rows (th)
Footer (td) | Rows (td)
Body (td) | Row (td)
Body (td) | Row (td)

Nick Ruffilo - nick@vook.com (address)

Basic Tag Test - PSEUDOCLASS CSS

Chapter Title (h1)

Chapter Subtitle (h2)

Chapter Number (aside) Chapter Intro Content (hgroup) (header)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus lorem, ornare eu sodales lacinia, porttitor sit amet enim. Etiam tempor mi vel dui mollis commodo. Nullam posuere, ante pretium feugiat tincidunt, ante purus volutpat nisl, non cursus massa arcu vitae nisl. Etiam pulvinar, lectus sit amet fermentum suscipit, quam nulla luctus dui, non ultrices diam enim et risus. Nam lectus enim, posuere dapibus imperdiet non, congue vitae lectus. Vestibulum adipiscing feugiat consequat. Nullam bibendum rhoncus elit, a accumsan mi semper facilisis. Nullam dolor neque, congue in porttitor vel, tincidunt ac magna. Fusce aliquam ipsum sed risus hendrerit facilisis. Phasellus aliquet, arcu aliquet pellentesque lacinia, libero dolor consequat libero, et faucibus quam enim et ipsum. Curabitur et ante non arcu ornare malesuada.(p)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus lorem, ornare eu sodales lacinia, porttitor sit amet enim. Etiam tempor mi vel dui mollis commodo. Nullam posuere, ante pretium feugiat tincidunt, ante purus volutpat nisl, non cursus massa arcu vitae nisl. Etiam pulvinar, lectus sit amet fermentum suscipit, quam nulla luctus dui, non ultrices diam enim et risus. Nam lectus enim, posuere dapibus imperdiet non, congue vitae lectus. Vestibulum adipiscing feugiat consequat. Nullam bibendum rhoncus elit, a accumsan mi semper facilisis. Nullam dolor neque, congue in porttitor vel, tincidunt ac magna. Fusce aliquam ipsum sed risus hendrerit facilisis. Phasellus aliquet, arcu aliquet pellentesque lacinia, libero dolor consequat libero, et faucibus quam enim et ipsum. Curabitur et ante non arcu ornare malesuada.(p)

Sub Section(h3)

Sub Section Subtitle(h4)

SubSection Inner Data(hgroup)

Block Quotes

Sidebar Title(h3)

Sidebar Subtitle(h4)

Sidebar intro content (hgroup)

Caption for an included image (figcaption)

Chapter Footer (h1)

Chapter Footer Subtitle(h2)

Additional Footer Content(footer)

((interactive element/code in here))

Content Break (hr)

/     \
  -  -
   **
  ,__,
P  R  E  F  O  R  M  A  T  T  E  D    T  E  X  T

Ordered List (ol):

Item 1 (li)

Item 2 (li)

Item 3 (li)

Unordered List: (ul)

Item (li)

another item (li)

Different Item (li)

Definition List (dl)

Term

This is where the definition goes

This is a division (div)

this is in the parent div above

This is a nested div

this is in the parent div below

this is a nested P test

this is the inner P

this is in the outer p Link to top of the document (a)

This is a format test, to test the format tags and their ability to nest.
EM: basic this is a nesting test
strong: basic this is a nesting test
small: basic this is a nesting test
q: basic this is a nesting test
i: basic this is a nesting test
b: basic this is a nesting test
u: basic this is a nesting test
sub: basic this is a nesting test
sup: basic this is a nesting test
code: basic this is a nesting test
samp: basic this is a nesting test
var: basic this is a nesting test
kbd: basic this is a nesting test
span: basic this is a nesting test
ins: basic this is a nesting test
del: basic this is a nesting test

ePub
First Use of DFN (dfn)
July 4th, 1776
This is a cite tag
This Is Awbr Test Where I Am Inserting Awbr Wherever There Is A Capital Letter Which Should Only Wrap At Those Points
thisisawbr tes twhereiamonlybreakingwhere thereis thele t ter twhichshouldhaveoddbreaking

below is an iframe with a div in it:
Video Tag (text should be displayed if tag not supported: Should only be displayed if video not supported
Audio Tag (text should be displayed if tag not supported: Should only be displayed if audio not supported
Tables:

Heading (th) | Rows (th)
Footer (td) | Rows (td)
Body (td) | Row (td)
Body (td) | Row (td)

Nick Ruffilo - nick@vook.com (address)

CSS Expansive Test

div after P test

Margin, Padding, and Border Test

Position: static

Position relative 10x10

Position Absolute 10x10

Float Left

Float Left

Float Left

Float right

Float right

Float right

Display:inline

Display:inline

Display:inline

Display:inline

Display:block

Display:block

Display:block

Display:block

Height, width, grey BG

Height, width, red BG

Height, width, green BG

Line height test with lorem ipsum (line height larger than font) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus lorem, ornare eu sodales lacinia, porttitor sit amet enim. Etiam tempor mi vel dui mollis commodo. Nullam posuere, ante pretium feugiat tincidunt, ante purus volutpat nisl, non cursus massa arcu vitae nisl. Etiam pulvinar, lectus sit amet fermentum suscipit, quam nulla luctus dui, non ultrices diam enim et risus. Nam lectus enim, posuere dapibus imperdiet non, congue vitae lectus. Vestibulum adipiscing feugiat consequat. Nullam bibendum rhoncus elit, a accumsan mi semper facilisis. Nullam dolor neque, congue in porttitor vel, tincidunt ac magna. Fusce aliquam ipsum sed risus hendrerit facilisis. Phasellus aliquet, arcu aliquet pellentesque lacinia, libero dolor consequat libero, et faucibus quam enim et ipsum. Curabitur et ante non arcu ornare malesuada.(p)

Line height test with lorem ipsum (line height smaller than font) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus lorem, ornare eu sodales lacinia, porttitor sit amet enim. Etiam tempor mi vel dui mollis commodo. Nullam posuere, ante pretium feugiat tincidunt, ante purus volutpat nisl, non cursus massa arcu vitae nisl. Etiam pulvinar, lectus sit amet fermentum suscipit, quam nulla luctus dui, non ultrices diam enim et risus. Nam lectus enim, posuere dapibus imperdiet non, congue vitae lectus. Vestibulum adipiscing feugiat consequat. Nullam bibendum rhoncus elit, a accumsan mi semper facilisis. Nullam dolor neque, congue in porttitor vel, tincidunt ac magna. Fusce aliquam ipsum sed risus hendrerit facilisis. Phasellus aliquet, arcu aliquet pellentesque lacinia, libero dolor consequat libero, et faucibus quam enim et ipsum. Curabitur et ante non arcu ornare malesuada.(p)

100x100 overflow hidden. Lots of text, not sure what will happen

100x100 overflow visible. Lots of text, not sure what will happen

Page Break Before - always - so this should be the first element on a page.

Page break after - always - so this should be the last element on a page

Font Style: normal

Font Style: italic

Font Style: oblique

Font Weight: 100

Font Weight: 200

Font Weight: 300

Font Weight: 400

Font Weight: 500

Font Weight: 600

Font Weight: 700

Font Weight: 800

Font Weight: 900

Text-indent: 5px;

Text-indent: 10px;

Text-indent: 15px;

Text-indent: 20px;

Text-indent: 25px;

Text-align: left.

Text-align: right.

Text-align: center.

Text-align: justify. This is some text to show off the capabilities of this wonderful css element

Text-decoration:underline

Text-decoration:overline

Text-decoration:line-through

Text-decoration:blink

Letter-spacing: -3px;

Letter-spacing: 0px;

Letter-spacing: 3px;

word-spacing: -5px;

word-spacing: 0px;

word-spacing: 5px;

text-transform: uppercase

text-transform: lowercase

text-transform: capitalize

basic SVG test - round red circle