HTML Styling

Here you can see how the different styles of this theme will look. All basic content elements are included, including tables, quotes, separators, and much more!

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Left-Aligned Paragraph

Sed et ipsum quis enim sodales ultrices. Suspendisse in metus sed turpis fermentum convallis non sed nunc. Quisque ante mauris, gravida vehicula accumsan et, aliquet in diam. Sed ultrices felis vitae magna venenatis in viverra erat elementum.

Centered Paragraph

Sed et ipsum quis enim sodales ultrices. Suspendisse in metus sed turpis fermentum convallis non sed nunc. Quisque ante mauris, gravida vehicula accumsan et, aliquet in diam. Sed ultrices felis vitae magna venenatis in viverra erat elementum.

Right-Aligned Paragraph

Sed et ipsum quis enim sodales ultrices. Suspendisse in metus sed turpis fermentum convallis non sed nunc. Quisque ante mauris, gravida vehicula accumsan et, aliquet in diam. Sed ultrices felis vitae magna venenatis in viverra erat elementum.

Justified Paragraph

Sed et ipsum quis enim sodales ultrices. Suspendisse in metus sed turpis fermentum convallis non sed nunc. Quisque ante mauris, gravida vehicula accumsan et, aliquet in diam. Sed ultrices felis vitae magna venenatis in viverra erat elementum.

Blockquotes

Sed et ipsum quis enim sodales ultrices. Suspendisse in metus sed turpis fermentum convallis non sed nunc. Quisque ante mauris, gravida vehicula accumsan et, aliquet in diam. Sed ultrices felis vitae magna venenatis in viverra erat elementum.

Tables

Title Values Comments
Inline Link 30852 More
Another Link 12378 More
Third Inline Element 4256 More

[column_half]

Unordered Lists

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

[/column_half][column_half_last]

Ordered Lists

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

[/column_half_last]

HTML Tags

Address Tag

355 1st Street Suite 202
San Francisco, CA 94105
United States

Inline tags

This is an example of an <anchor> (otherwise known as a link). This abbr. is an example of an <abbr> tag in the middle of a sentence. Here is a TLA showing off the <acronym> tag. What, you want to see some over-sized text using the <big> tag? Can you cite a reference for that, using the <cite> tag? Have you noticed that all of the tag names are displayed in code-form, using the <code> tag? Similarly, I could emulate keyboard text, using the <kbd> text tag, or emulate teletype text using the <tt> tag.

Oh no! I wrote something incorrectly. I’d better delete it, using the <del> tag. I could alternately strike something out using the <strike> tag, or strike something out using the <s> tag. So many choices, which I emphasize using the <em> tag. Just to clarify, this is some inserted text, that I’ll highlight using the <ins> tag.

Want to quote the WordPress tagline Code is Poetry? Use the <q> tag to add quotes around it. This is strong text (otherwise known as bold), using the <strong> tag.

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. Need to call out a variable? Use the <var> tag.

Pre 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%;
}

Calendar

October 2017
M T W T F S S
« Sep    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
Subscribe Today
   View More Themes