Typography

Home » Features » Typography

Heading H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

Heading H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

Heading H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

Heading H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

Heading H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

Heading H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

List Items

  • Item One
  • Item Two
  • Item Three
  • Item One
  • Item Two
  • Item Three
  1. Item One
  2. Item Two
  3. Item Three
  1. Item One
  2. Item Two
  3. Item Three

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt. Nam consequat gravida eros non pharetra. Aliquam id mauris at sapien tempor hendrerit. Fusce in turpis in velit ultricies aliquet. Vivamus sagittis tempor porttitor.

Miscellaneous

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam turpis faucibus elit consectetur vel laoreet quam tincidunt.

This abbr. is an example of an <abbr> tag in the middle of a sentence. Here is a TLA showing off the <acronym> tag.

Need to display completely unformatted text, such as a large block of code? Use the <pre> tag, which lets you display:

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}

Need to write H2O or E = MC2? You may find great use for subscripting text using the <sub> tag, or for superscripting text using the <sup> tag.