# Container

> Container components for wrapping content with different layout options.

Web: https://react.email/components/container

Paste any snippet into an email built with React Email. The snippets use the primitives from `@react-email/components`.

## Simple container

Source: https://github.com/resend/react-email/tree/canary/apps/web/components/simple-container

### Tailwind

```tsx
<Container className="bg-gray-400">
  <Text className="px-[12px] text-white">
    Hello, I am a container. I keep content centered and maintain it to a
    maximum width while still taking up as much space as possible!
  </Text>
</Container>
```

### Inline styles

```tsx
<Container style={{ backgroundColor: 'rgb(156,163,175)' }}>
  <Text
    style={{ color: 'rgb(255,255,255)', paddingLeft: 12, paddingRight: 12 }}
  >
    Hello, I am a container. I keep content centered and maintain it to a
    maximum width while still taking up as much space as possible!
  </Text>
</Container>
```