has been released! Read the upgrade guide


The documentation on this page is considered legacy.

We will be updating this content to our new principle-based format in the near future.

Dividers are single pixel lines that help separate and group content together. They are available in both horizontal and vertical orientation. To use them, the <hr> HTML tag should be added. By default, the horizontal divider will be applied. To create a vertical divider, add a .vertical class to the <hr> tag.

Note: The Divider does not have any margins added because the size of the margin should be dictated by the content the <hr> is separating. To add appropriate margins to the <hr>, use the Spacing Utility Classes.

The MOD.UK Design System provides guidance and tools for building high–quality Services within the UK Ministry of Defence. This project is open source and its source code is available on GitHub.

All content is available under the Apache 2.0 licence, except where otherwise stated.

© Crown copyright