Content heading

How to Format Content

This editor lets you format text using headings, paragraphs, links, lists, and quotes. Below are common examples of content you can create.

Headings

Use headings to structure your content and improve readability.

Example headings:

Heading 2 – Main section title

Heading 3 – Subsection title

Heading 4 – Smaller section title

Heading 5 – Minor heading

HTML Example: 
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>

Paragraphs (Text)

Use paragraphs for regular text content. Simply press Enter to start a new paragraph.

Example text

This is a paragraph of text. It can contain multiple sentences and will automatically wrap onto multiple lines depending on screen size but I will add very common "lorem ipsum" to make it larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl tincidunt eget nullam non. Quis hendrerit dolor magna eget est lorem ipsum dolor sit. Volutpat odio facilisis mauris sit amet massa. Commodo odio aenean sed adipiscing diam donec adipiscing tristique. Mi eget mauris pharetra et. Non tellus orci ac auctor augue. Elit at imperdiet dui accumsan sit. Ornare arcu dui vivamus arcu felis. Egestas integer eget aliquet nibh praesent. In hac habitasse platea dictumst quisque sagittis purus. Pulvinar elementum integer enim neque volutpat ac.

This is another paragraph, separated by spacing for readability. Nisi scelerisque eu ultrices vitae auctor eu augue ut lectus. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus. Et malesuada fames ac turpis egestas sed.


HTML Example: 
<p>This is a paragraph of text.</p>
<p>This is another paragraph.</p>

Text Formatting

You can emphasize parts of your text using formatting tools.

Examples

  • Bold text for emphasis
  • Italic text for subtle emphasis
  • Strikethrough text for removed or outdated information
  • Underlined text to draw attention to important words or phrases

HTML Example: 
<strong>Bold text</strong>
<em>Italic text</em>
<del>Underlined text</del>
<u>Strikethrough text</u>

Lists

Lists help organize information clearly. Like example above :)

Unordered list (bullet points)

  • First item
  • Second item
  • Third item

HTML Example: 
<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Ordered list (numbered)

  1. First step
  2. Second step
  3. Third step

HTML Example: 
<ol>
  <li>First step</li>
  <li>Second step</li>
  <li>Third step</li>
</ol>

Links

Links allow users to navigate to other pages or external websites.

Example

Visit our contact page for more information.


HTML Example: 
<a href="https://example.com" title="Contact Us">contact page</a>

Quotes

Quotes are useful for testimonials, highlights, or important statements.

Example

This is a quote or testimonial. It stands out from regular text.


HTML Example: 
<blockquote>
  <p>This is a quote or testimonial.</p>
</blockquote>

Mixed Formatting Example

Heading Level 2 (H2)

This is a standard paragraph used to demonstrate body text styling. It is long enough to wrap onto multiple lines so line-height, font-size, and spacing can be evaluated. This paragraph includes bold text, italic text, and an example of an inline text link.

Heading Level 3 (H3)

This paragraph sits under an H3 heading. It can be used to test vertical rhythm between headings and paragraphs, as well as readability across different screen sizes.

This is a second paragraph following the first one. It includes an external link and an example of inline code.

Heading Level 4 (H4)

Below is an unordered list:

  • First unordered list item
  • Second list item with a bit more text to test wrapping
  • Third list item
    • Nested list item
    • Another nested item
Heading Level 5 (H5)

Below is an ordered list:

  1. First ordered list item
  2. Second ordered list item
  3. Third item with longer text to show line wrapping behavior

This is a blockquote. It is commonly used for testimonials, highlighted statements, or excerpts. It may span multiple lines and should remain visually distinct from normal paragraphs.

This paragraph demonstrates mixed formatting, including bold text, italic text, bold italic text, strikethrough text, and an italicized inline link.

Note: This is an example of emphasized content that might appear as a callout or highlighted message depending on the theme styles.

This final paragraph is used to confirm spacing at the end of content blocks. It helps ensure margins, padding, and font rendering are consistent and visually balanced throughout the page.