{{#markdown}}
Usage: **.disp[layout]**. <br />
Example: **.dispi** (makes an element inline).
{{/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">[layout]</code></td>
          <td>
            <p>The block layout. Values can be:</p>
            <ul class="link-list">
              <li><code class=" language-css">b</code> Block</li>
              <li><code class=" language-css">ib</code> Inline block</li>
              <li><code class=" language-css">i</code> Inline</li>
            </ul>
          </td>
        </tr>
      </tbody>
    </table>


<div class="code-content">
{{> toggle-code}}
{{#markdown}}
```html
<!-- The id attribute describes the class value-->
<div id="display-block" class="dispb"> ... </div>
<div id="display-inline" class="dispi"> ... </div>
<div id="display-inline-block" class="dispib"> ... </div>
```
{{/markdown}}

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