Generic wrapper div for applying custom styling.
Basic Usage
:::{container}
Content wrapped in a div.
:::{/container}
Custom Classes
:::{container}
:class: my-custom-class
Styled content.
:::{/container}
Multiple Classes
:::{container}
:class: highlight centered large
Content with multiple classes.
:::{/container}
Options
| Option | Type | Description |
|---|---|---|
class |
string | CSS class(es) to apply |
id |
string | HTML id attribute |
Use Cases
Centering Content
:::{container}
:class: text-center
Centered text and elements.
:::{/container}
Highlighting Sections
:::{container}
:class: highlight-box
Important section with custom styling.
:::{/container}
Grid Layouts
:::{container}
:class: grid grid-cols-2
:::{container}
Column 1
:::{/container}
:::{container}
Column 2
:::{/container}
:::{/container}