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

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

# hr (themeatic break or horizontal rule)

The thematic break or horizontal rule elements, used to create breaks in paragraphs to indicate a thematic change (e.g. change of perspective or shift of topic).

The hr element is semantically significant, if a horizontal rule is needed for display/layout
  purposes css should be used instead.

## Example

<div class="card">
  <p>
    This is the first paragraph of text.
    This is the first paragraph of text.
    This is the first paragraph of text.
    This is the first paragraph of text.
  </p>

  <hr>

  <p>
    This is the second paragraph of text.
    This is the second paragraph of text.
    This is the second paragraph of text.
    This is the second paragraph of text.
  </p>
</div>

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

  ```html
  <p>
    This is the first paragraph of text.
    This is the first paragraph of text.
    This is the first paragraph of text.
    This is the first paragraph of text.
  </p>

  <hr>

  <p>
    This is the second paragraph of text.
    This is the second paragraph of text.
    This is the second paragraph of text.
    This is the second paragraph of text.
  </p>
  ```

</details>