CSS Reset

With regard to typography, after using the React Suite style, you can use the HTML elements to typeset directly for displaying titles, paragraphs, lists, links, and more.

If you don't need these styles , you can disable import it.

`<a>`: The Anchor element

The HTML <a> element (or anchor element), along with its href attribute, creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.

You can also implement a Link through the Button component.

You can reach Michael at:

Website

Phone

`<h1>`–`<h6>`: The HTML Section Heading elements

The following code shows all the heading levels, in use.

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Main title

Secondary title

`<p>`: The Paragraph element

The HTML <p> element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.

This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text.

This is the second paragraph. This is the second paragraph. This is the second paragraph. This is the second paragraph.

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.

`<ul>`: The Unordered List element

The HTML <ul> element represents an unordered list of items, typically rendered as a bulleted list.

Simple example:

first item
second item
third item

Nesting a list:

first item
second item
- second item first subitem
- second item second subitem
  - second item second subitem first sub-subitem
  - second item second subitem second sub-subitem
  - second item second subitem third sub-subitem
- second item third subitem
third item

`<ol>`: The Ordered List element

The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.

Simple example:

first item
second item
third item

Nesting a list:

first item
second item
1. second item first subitem
2. second item second subitem
  1. second item second subitem first sub-subitem
  2. second item second subitem second sub-subitem
  3. second item second subitem third sub-subitem
3. second item third subitem
third item

`<dl>`：The Description List element

The HTML <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).