# Align block (https://openknowledge.ai/docs/reference/components/html-align-block)

GitHub-style `<div align>` wrapper. Children render as normal blocks with the alignment applied; the `<div align>` syntax is preserved on round-trip

## Example

```mdx
<HtmlAlignBlock>
  Content goes here.
</HtmlAlignBlock>
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `align` | `'center' \| 'left' \| 'right' \| 'justify'` | no | `center` | Block alignment from the \`\<div align>\` attribute. |

*Also matches:* `align`, `center`, `centered`, `div`

## Author it

Type `/align` in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.