@ou-imdt/css/docs/native/pre.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# Pre 

{description}

## Example

<div class="card">

  <figure>
    <pre role="img" aria-label="ASCII COW">
  ____________________________
  &lt; I'm an expert in my field. &gt;
  ----------------------------
        ^__^
        (oo)\_______
        (__)\       )\/\
            ||----w |
            ||     ||
    </pre>
    <figcaption id="cow-caption">
      A cow saying, "I'm an expert in my field." The cow is illustrated using preformatted text
      characters.
    </figcaption>
  </figure>

</div>

<details class="compact">
  <summary>HTML</summary>

  ```html
  <figure>
    <pre role="img" aria-label="ASCII COW">
  ____________________________
  &lt; I'm an expert in my field. &gt;
  ----------------------------
        ^__^
        (oo)\_______
        (__)\       )\/\
            ||----w |
            ||     ||
    </pre>
    <figcaption id="cow-caption">
      A cow saying, "I'm an expert in my field." The cow is illustrated using preformatted text
      characters.
    </figcaption>
  </figure>
  ```

</details>