General Elements

Lists

Unsorted List

• List Item 1
• List Item 2
• List Item 3

Ordered List

1. List Item 1
2. List Item 2
3. List Item 3

Blockquote

This is a blockquote

Address Tag

Details & Summery Tag

Table

Horizontal Rule

Typography

Paragraph

Lorem ipsum dolor sit amet.

Long Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, quam a aliquet lobortis, libero risus finibus metus, ut molestie leo nulla non magna. Etiam et condimentum ex, vitae efficitur enim. Vestibulum pulvinar, tortor ut suscipit ultrices, justo nisi convallis magna, ac vulputate mi lectus ac libero. Nam in sodales augue. Suspendisse vitae nibh risus. Etiam ac aliquet nisl. Ut eget nibh quis tortor imperdiet pellentesque eu vitae massa. Suspendisse posuere ullamcorper mauris, et pharetra erat egestas mollis. Quisque et enim semper, convallis erat eget, pretium nulla.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Anchor Points

Strong

Deleted

Inserted

Subscript

Superscript

Marked Text

Abbreviation

Defining Instance

Regular text Defining Item of a text regular text

Pre|Code|Samp|Var

/*This is separated styling to make the reset look more structured and is not included in the reset*/
header{border-bottom:1px solid #ddd;padding:1em;margin-bottom:1em;position:fixed;top:0;width:100%;z-index:999;background:#fff;}
#title{display:inline-block;font-size:1.5em}
header nav{float:right;margin-top:5px}
section{padding:65px 0;border-bottom:1px solid #ddd}
main{padding:0 1em}
footer{text-align:center;border-top:1px solid #ddd;padding:1em;margin-top:1em}
		

Forms

Media Element

Progress

Figure

Images

Medium Image

Big Image

SVG Image

Audio

Video