University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Divider Component

This component allows vertical separation of your page, providing a horizontal line (or 'rule') or a specified height of white space between components.

The Divider component in its default state.

The Divider component in its default state.

Using This Component

Add the component to the page. There is only one tab.

  • Style: Choose between:
    • Dotted line (default)
    • Double Line - Intended for use in the Related Content Container. When placed there, the double line will display by default.
    • Blank - Use to create extra white space on the page.
  • Clear Float: Decide whether you want a clear float of Left (default), Right, Left and Right (i.e. 'both'), or None.
    • Use to ensure the divider will float BELOW another component that has been set to float on the page, such as the Photo Component or Related Content Container. For example, if you select None, the divider might wind up next to a photo.
  • Vertical Space: Adds space in pixels above and below the divider.
    • For example, if you entered 40, 20 pixels of white space will be added above the midpoint of the component, and an additional 20 pixels of white space will be added below the divider. If you had selected Blank, there would be a continuous 40 pixels of white space.
The Divider component opened for editing.

The Divider component opened for editing.

Restrictions

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See An Example:

Related Components:

Last Reviewed:

September 24, 2015