Typography

Every element should look good

This is a H1 element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a H2 element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a H3 element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a H4 element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a H5 element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a H6 element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


This is XL size, text element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is XXL size, text element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is XXXL size, text element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is M size, text element

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


This is an example of a title using H3 tag element

A default subheading example

This is an example of a title using H3 tag element

An auto subheading example

This is an example of a title using H3 tag element

A medium subheading example

Default section title alignment

Subheading text here

Section title aligned to center

Subheading text here

Section title aligned to right

Subheading text here

Lists:
Unordered list type:
  • Ut enim ad minim veniam, quis nostrud.
  • Ut enim ad minim veniam, quis nostrud.
  • Ut enim ad minim veniam, quis nostrud.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
  • Ut enim ad minim veniam, quis nostrud.
  • Ut enim ad minim veniam, quis nostrud.
Ordered list type:
  1. Ut enim ad minim veniam, quis nostrud.
  2. Ut enim ad minim veniam, quis nostrud.
  3. Ut enim ad minim veniam, quis nostrud.
    1. Lorem ipsum dolor sit amet.
    2. Lorem ipsum dolor sit amet.
    3. Lorem ipsum dolor sit amet.
  4. Ut enim ad minim veniam, quis nostrud.
  5. Ut enim ad minim veniam, quis nostrud.
Anchor Tag (aka. Link):

This is an example of a hyperlink. Use it to create a connection between two or more pages.

Abbreviation:

In computing, a DoS or DDoS attack is an attempt to make a machine or network resource unavailable to its intended users.

Acronym:

The acronym afaik stands for "As far as I know".

Code:

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Del tag:

Ticket #29095 (The get/set_user_setting fails on multisite/network with sub-domains) closed

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarsly known tag emulates keyboard text, which is usually styled like the <code> tag. Example: ctrl + shift + del

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	}
Quote Tag

Lead, follow, or get out of the way. – Laurence J. Peter

BlockQuote Tag
You have to learn the rules of the game. And then you have to play better than anyone else.
Albert Einstein
Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2″ down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.