## mj-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 style="text-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 |
| -------------------------- | -----------| -------------------------------------------------- | ------------- |
| align                      | string     | left/right/center                                  | center        |
| 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%          |