Testing HTML Elements for Styling

Testing HTML Elements for Styling

Written by Osy on 2023-10-16

Important

I don’t have every single HTML5 element implemented throughout the website right now, so this blog post will have a few of them for me to quickly style and visually test to see how they work with the overall layout.

Headings

h1

h2

h3

h4

h5
h6

Headings with Paragraphs

h1

Some text.

Some text again.

h2

Some text.

Some text again.

h3

Some text.

Some text again.

h4

Some text.

Some text again.

h5

Some text.

Some text again.

h6

Some text.

Some text again.

Inline Text Styles

Testing some strong text

Testing some emphasis text

Testing some emphasis and strong text

Lists

Unordered List

  • Item 1
  • Item II
    • Sub-Item 1
    • Sub-Item 2
  • Item III

Ordered List

  1. Item I
  2. Item 2
    1. Sub-Item 1
    2. Sub-Item 2
  3. Item 3

Blocks

Block Quote

A block quote

with multiple lines

A block quote

with nesting

Single Qoute

Code Block

/* A code block */
.class {
  color: #ff0000;
}

Inline code.