Typography
Enhance readability and visual hierarchy with a variety of text styles, fonts, and sizes tailored for clarity and aesthetic appeal.
Typography
Display 1
Display 2
Display 3
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
This is Lead paragraph.
This is a paragraph.
- This is a list.
- It appears completely unstyled.
- Structurally, it's still a list.
- However, this style only applies to immediate child elements.
- This is a list.
- It appears completely unstyled.
- Structurally, it's still a list.
- However, this style only applies to immediate child elements.
- Nested lists:
- are unaffected by this style
- will still show a bullet
- and have appropriate left margin
- This may still come in handy in some situations.
You can use the link Example Link.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
attr
HTML
pre {float: right; margin: 15px; width: 100%;}A well-known quote, contained in a blockquote element.
A well-known quote, contained in a blockquote element.
A well-known quote, contained in a blockquote element.
A well-known quote, contained in a blockquote element.