Style guide

Below is just about every HTML element you might want to use in your blog posts. Check the source code to see the many embedded elements within paragraphs. This is also an example of text paragraph with dropcap first letter. Simply add class="dropcap-text" on the paragraph HTML tag where you want to display the dropcap.


Heading Two

Lorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. Quisque aliquam. This is emphasized.

Heading Three

Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.
The New York Times (That’s a citation).

Heading Four

Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Heading Five

HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Heading Six

Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename. Dinner’s at 5:00.Let’s make that 7. This text has been struck.

Formats button styles preview

Text styles

Dropcap text. Apply this format on a text paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat voltu.

H3 with Heading 1 style

Uppercase text. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse.

Paragraph with Heading 2 style

Ut wisi enim ad minim veniam, highlighted text (marker) here, quis nostrud exerci tation ullamcorper, small text here, suscipit lobortis nisl ut aliquip ex ea commodo consequat, superscript, subscript.

Paragraph with Heading 3 style

Heading style texts can be used to force heading 1-3 display style on a different element, such as paragraph or any of HTML heading tags. Thus allows keeping the semantic markup, but styling it a bit differently.

© 2023 Tim Walsh

error: Content is protected !!