⚙️ Default Styles

H2: Section Heading

H3: Subsection Heading

This content does not use Typography styles, and instead uses the browse’s default styles, also known as the User Agent Stylesheet.

You can write text that is bold, italicized, or contains code snippets.

This is a blockquote area.
  1. Ordered List 1
  2. Ordered List 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
ItemDescription
HTMLHypertext Markup Language
CSSCascading Style Sheets

Feature Showcase

✍️ Using Element Modifiers for Customization. prose-h1:text-blue-600

H2: Section Heading, using prose-h2:text-base to set the h2 font size to base

H3: Subsection Heading, customized with prose-h3:text-pink-400 prose-h3:border prose-h3:border-orange-600 prose-h3:rounded-md prose-h3:p-2

This is a paragraph to demonstrate typography styles, showing the visual effects of line height, letter spacing, paragraph spacing, and more. prose-p:italic

You can write text that is bold, italicized, or contains code snippets.

This is a blockquote area.
  1. Ordered List 1
  2. Ordered List 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
ItemDescription
HTMLHypertext Markup Language
CSSCascading Style Sheets
Example Stylesprose-table:border-collapse prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-th:text-center prose-td:border prose-td:border-gray-300 prose-td:text-center

Feature Showcase