Article
This is an article element containing standalone content.
This page demonstrates all HTML elements and CSS properties for extraction testing.
Font Weight 100 (Thin)
Font Weight 300 (Light)
Font Weight 400 (Regular)
Font Weight 500 (Medium)
Font Weight 600 (Semibold)
Font Weight 700 (Bold)
Font Weight 900 (Black)
Underline decoration
Overline decoration
Line-through decoration
Wavy underline decoration
uppercase text transform
LOWERCASE TEXT TRANSFORM
capitalize text transform
Regular text with strong, bold, emphasized,
italic, underlined, strikethrough,
highlighted, small,
subscript, superscript,
inline code, keyboard,
abbr,
quoted text
, citation,
definition, variable,
sample output, and .
Primary color text
Secondary color text
Success color text
Warning color text
Danger color text
Info color text
Main content with pseudo elements
This paragraph has a styled first letter that is larger and colored.
This paragraph has a styled first line. The first line will be bold and colored differently. Continue with more text to see the effect on subsequent lines.
Select this text to see custom selection styling.
| Name | Role | Status | |
|---|---|---|---|
| John Doe | john@example.com | Developer | Active |
| Jane Smith | jane@example.com | Designer | Active |
| Bob Johnson | bob@example.com | Manager | Pending |
| Total: 3 users | |||
This is an article element containing standalone content.
This content is hidden until the details element is expanded.
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));"Design is not just what it looks like and feels like. Design is how it works."
There is a visibility:hidden element here: HIDDEN (takes space)
There is a display:none element here: NONE (no space)