> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/components/box.md).

# Box

## Box

*This class creates a basic, responsive container with consistent styling for content blocks. It's ideal for structuring content sections and aligning elements within them.*

Use this component by adding `.box` class in element....

The `center-box` class aligns content within that container.

The `full-width-box` class will make the width of box full 

## Examples

```html
<div class="box full-width-box"> 
   <div class="center-box"> 
     <h2>This heading is centered both horizontally and vertically</h2>
  </div>
    <p>This paragraph is also centered within the box.</p>
</div>
```

<figure><img src="/files/fqvlFWEijUC81NclrT6Y" alt=""><figcaption><p>Output</p></figcaption></figure>