This is a paragraph block in standard width.
This is a paragraph block in wide width.
This is a paragraph block in full width.
Heading Level 1 – Standard
Heading Level 1 – Wide
Heading Level 1 – Full
Heading Level 2 – Standard
Heading Level 2 – Wide
Heading Level 2 – Full
Heading Level 3 – Standard
Heading Level 3 – Wide
Heading Level 3 – Full
Heading Level 4 – Standard
Heading Level 4 – Wide
Heading Level 4 – Full
Heading Level 5 – Standard
Heading Level 6 – Standard
- First item
- Second item
- Third item
- First item wide
- Second item wide
- Third item wide
- First item full
- Second item full
- Third item full
- First ordered item
- Second ordered item
- Third ordered item
- First ordered item wide
- Second ordered item wide
- Third ordered item wide
- First ordered item full
- Second ordered item full
- Third ordered item full
This is a quote block in standard width.
Attribution
This is a quote block in wide width.
Attribution
This is a quote block in full width.
Attribution
Column 1
Content for first column in standard width.
Column 2
Content for second column in standard width.
Column Wide 1
Content for first column in wide width.
Column Wide 2
Content for second column in wide width.
Column Wide 3
Content for third column in wide width.
Column Full 1
Content for first column in full width.
Column Full 2
Content for second column in full width.
Column Full 3
Content for third column in full width.
Column Full 4
Content for fourth column in full width.
<div class="example">Sample code block</div><div class="example-wide">Sample code block in wide width</div><div class="example-full">Sample code block in full width</div>| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Data 1 | Data 2 | Data 3 |
| Data 4 | Data 5 | Data 6 |
| Header 1 | Header 2 | Header 3 | Header 4 |
|---|---|---|---|
| Data 1 | Data 2 | Data 3 | Data 4 |
| Data 5 | Data 6 | Data 7 | Data 8 |
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Data 1 | Data 2 | Data 3 | Data 4 | Data 5 |
| Data 6 | Data 7 | Data 8 | Data 9 | Data 10 |
This is a pullquote in standard width.
This is a pullquote in wide width.
This is a pullquote in full width.
Verse block standard width With preserved line breaks And poetic structure
Verse block wide width With preserved line breaks And poetic structure maintained
Verse block full width With preserved line breaks And poetic structure fully extended across viewport
Preformatted text in standard width preserves spacing and tabs
Preformatted text in wide width preserves spacing and tabs and extends wider
Preformatted text in full width preserves spacing and tabs and extends to full viewport width
This is the content for the first accordion item.
This is the content for the second accordion item.
This is the content for the third accordion item.
This is the content for the first accordion item in wide width.
This is the content for the second accordion item in wide width.
This is the content for the first accordion item in full width.
This is the content for the second accordion item in full width.
This is the content for the third accordion item in full width.
Details Summary Standard
This is the content hidden inside the details block in standard width. Click the summary to reveal.
Details Summary Wide
This is the content hidden inside the details block in wide width. Click the summary to reveal.
Details Summary Full
This is the content hidden inside the details block in full width. Click the summary to reveal.