Divide your content.

Separator Properties

  1. Color: Set the color of the separator. (Default: Grey)
  2. Size: Define the size of the separator. (Default: 1px)
  3. Style: Choose between different separator styles, like dotted, solid, dashed and more.
Everything else may be configured with the common general properties. 

See it in action

Generated HTML (Outline)

<div class="mame-element mame-separator" style="...">
   <hr style="...">

Style / CSS Selectors

.mame-separator {
  /* All separator elements */

.mame-separator hr {
  /* The separator itself */


Separators are implemented in plain HTML 5 and CSS 3. They don't need any JavaScript to work properly.

Was this article helpful?