Styling Test Page

The purpose of this page is illustrate how the various HTML tags that are commonly used within content are styled.

 


Headings

These are the different heading sizes.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

[ top ]


Links

[ top ]


Paragraphs

Image placeholder
Example image caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec mauris et purus auctor rhoncus eget sed diam. Quisque ante quam, semper nec dapibus a, commodo nec nibh. Nullam suscipit elementum risus vitae pulvinar. Duis est quam, bibendum vitae porta eget, sollicitudin non turpis. Quisque varius lorem non felis auctor lobortis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vel erat non enim vulputate commodo vitae a augue. In convallis, purus sed placerat dictum, nisi metus dignissim lacus, at malesuada ante neque euismod sem. Fusce odio velit, accumsan non malesuada ac, commodo in magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris vulputate vulputate metus.

Suspendisse molestie dapibus justo molestie mattis. Cras pellentesque leo nec tellus lacinia consequat. Vestibulum fringilla euismod fringilla. Suspendisse dignissim pharetra vehicula. Suspendisse hendrerit ornare dignissim. Curabitur a orci mauris, vel placerat nisl. Nullam ullamcorper risus ac sem vulputate tristique.

Aenean eleifend magna id nibh ornare condimentum. Vivamus molestie orci in est vehicula commodo. Vivamus placerat dui tincidunt odio faucibus pharetra. Vestibulum mollis posuere tortor, nec pharetra felis sagittis ac. Donec ultricies egestas diam consequat viverra. Morbi quis congue dui. Nullam tristique mollis varius. Aliquam suscipit sapien id elit bibendum blandit. Sed nulla leo, pulvinar ut bibendum et, lobortis ac risus. Proin ultrices molestie neque, ut ornare mauris facilisis volutpat. In at risus sed nunc porta facilisis. Curabitur in mauris nisi, et lacinia risus. Nunc mattis, ipsum eget fermentum molestie, nisl arcu condimentum lectus, in pulvinar neque metus non ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi sit amet orci justo, quis gravida magna.

[ top ]


Basic Text Styles

  • Bold: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Italic: Nulla feugiat blandit purus, in tempor velit tempor non.
  • Underline: Maecenas ac augue nunc, eu pharetra velit.
  • Bold + italic + underline: In sed quam quam, vitae egestas magna.

[ top ]


Lists

Definition List

Definition List Title
This is a definition list division.

Ordered List

  1. Parent list item 1
  2. Parent list item 2
    1. Nested list item 2.1
    2. Nested list item 2.2
    3. Nested list item 2.3
      1. Deeper nested list item 2.3.1
      2. Deeper nested list item 2.3.2
      3. Deeper nested list item 2.3.3
  3. Parent list item 3 – this is a longer sample to see how the text wraps over multiple lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra scelerisque massa, ac placerat velit mattis non. Sed porttitor dignissim velit, nec egestas erat vestibulum sed.

Unordered List

  • Parent list item 1
  • Parent list item 2
    • Nested list item 2.1
    • Nested list item 2.2
    • Nested list item 2.3
      • Deeper nested list item 2.3.1
      • Deeper nested list item 2.3.2
      • Deeper nested list item 2.3.3
  • Parent list item 3 – this is a longer sample to see how the text wraps over multiple lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra scelerisque massa, ac placerat velit mattis non. Sed porttitor dignissim velit, nec egestas erat vestibulum sed.

[ top ]


Fieldsets and Form Elements


Fieldset Legend

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra scelerisque massa, ac placerat velit mattis non. Sed porttitor dignissim velit, nec egestas erat vestibulum sed. In pellentesque varius sagittis. Sed eu placerat massa. Nam ut ante eu mi ornare venenatis. Vivamus commodo ligula quis odio tempus rhoncus. Pellentesque neque erat, tincidunt tincidunt vehicula interdum, commodo a sapien.

Form Elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra scelerisque massa, ac placerat velit mattis non. Sed porttitor dignissim velit, nec egestas erat vestibulum sed.












[ top ]


Tables

This is the table caption
Table Header A Table Header B Table Header C
Table Cell 1A Table Cell 1B Table Cell 1C
Table Cell 2A Table Cell 2B Table Cell 2C
Table Cell 3A Table Cell 3B Table Cell 3C
Table Cell 4A Table Cell 4B Table Cell 4C
Table Cell 5A Table Cell 5B Table Cell 5C

[ top ]


Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra scelerisque massa, ac placerat velit mattis non. Sed porttitor dignissim velit, nec egestas erat vestibulum sed. In pellentesque varius sagittis. Sed eu placerat massa. Nam ut ante eu mi ornare venenatis. Vivamus commodo ligula quis odio tempus rhoncus. Pellentesque neque erat, tincidunt tincidunt vehicula interdum, commodo a sapien.

~ Author of the quote

[ top ]


Miscellaneous

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

[ top ]