## mjml-divider

Displays a horizontal divider that can be customized like a HTML border.

```xml
<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-divider border-width="1px" border-style="dashed" border-color="lightgrey" />
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>
```

<p align="center">
  <a href="https://mjml.io/try-it-live/components/divider">
    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
  </a>
</p>

attribute                   | unit        | description                    | default value
----------------------------|-------------|--------------------------------|------------------------------
border-color                | color       | divider color                  | #000000
border-style                | string      | dashed/dotted/solid            | solid
border-width                | px          | divider's border width         | 4px
container-background-color  | color       | inner element background color | n/a
css-class                   | string      | class name, added to the root HTML element created | n/a
padding                     | px          | supports up to 4 parameters    | 10px 25px
padding-bottom              | px          | bottom offset                  | n/a
padding-left                | px          | left offset                    | n/a
padding-right               | px          | right offset                   | n/a
padding-top                 | px          | top offset                     | n/a
width                       | px/percent  | divider width                  | 100%