# Container

URL: /docs/directives/container/
Section: directives
Tags: directives, container

--------------------------------------------------------------------------------

Container 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}

--------------------------------------------------------------------------------

Metadata:
- Word Count: 90
- Reading Time: 1 minutes