{{#markdown}}
Usage: **.ba[alignment]**. <br />
Example: **.bac** (centers a block element within its container).
{{/markdown}}

<table class="table table-text table-hover">
      <thead>
        <tr>
          <th>Value</th>
          <th>Description</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><code class=" language-css">[alignment]</code></td>
          <td>
            <p>The alignment of the block. Values can be:</p>
            <ul class="link-list">
              <li><code class=" language-css">l</code> Left</li>
              <li><code class=" language-css">r</code> Right</li>
              <li><code class=" language-css">c</code> Center</li>
            </ul>
          </td>
        </tr>
      </tbody>
    </table>

<div class="code-content">
{{> toggle-code}}
{{#markdown}}
```html
<!-- The id attribute describes the class value-->
<div id="block-align-center" class="bac"> ... </div>
```
{{/markdown}}

{{> copy-code}}
</div>