text

CSS elements/text.css

paragraph

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Respect document hierarchy meaning and order for headings.
Use classes .is-h1, .is-h2, .is-h3, .is-h4 if you need to use this styles outside of the hierarchy.

Heading 2.is-h1

p.is-h2

Long headings with Text

Heading 1 Lorem ipsum dolor sit amet, adipiscing elit.

Heading 2 Lorem ipsum dolor sit amet, adipiscing elit.

Heading 3 Lorem ipsum dolor sit amet, adipiscing elit.

Heading 4 Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est.

Block Elements

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"This is a blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl."

The details/summary element example

The details example text. It may be styled differently based on what browser or operating system you are using.

Text Elements

The a element and external a element specify anchors.

The abbr element and an abbr element with title specify an abbreviation.

The ACRONYM element specifies an acronym.

The b element specifies bold text.

The cite element specifies a citation.

The code element specifies computer code text.

The data element example.

The ~~del element~~ specifies deleted text.

The dfn element and dfn element with title specify definition term.

The em element specifies emphasized text.

The i element specifies italic text.

The ins element specifies inserted text.

The kbd element specifies keyboard text.

The mark element specifies a text highlighted for reference purposes, that is for its relevance in another context.

The q element specifies a short quotation.

The q element inside a q element example.

The ~~s element~~ specifies strikethrough text.

The samp element specifies sample computer code.

The small element specifies small text.

The strong element specifies strong text.

The _{sub element} specifies subscripted text.

The ^{sup element} specifies superscripted text.

The time element specifies a date and time details.

The u element specifies underlined text.

The var element specifies a variable.