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?


You can unsubscribe at any time. For information about our privacy practices, please check the privacy policy.
Made with ❤ and Mame in the European Union.
Copyright (C) 2019 - 2021 All Rights reserved.