Zusty CSS Logo
Zusty CSS Logo
Version 1.2.0 is out now. Check out Release Notes.

Divider

Compact divider.


Structure

Simple divider


With content

Introduction

<p>Simple divider</p>
<hr divider>
<p>With content</p>
<div divider><h3>Introduction</h3></div>


Simple

Simple divider is just a hr with attribute divider.


<hr divider>


With content

If you want content inside your divider you can use a div with class zust-divider or attribute divider.

Any content Here
<div divider>Any content Here</div>

More usages

OR

<button class="zust-btn zust-link zust-fullwidth">Buy this</button>
<div divider><h3>OR</h3></div>
<button class="zust-btn zust-link zust-fullwidth">Sell this</button>

Like Heading

This is my paragraph about Zusty CSS.

<div divider><h3>Like Heading</h3></div>
<p>This is my paragraph about Zusty CSS.</p>


checkSuccessfully Copied

Get involved in improving Zusty CSS.

Report a BugFeature Request

Support us by

Starring it on GitHubJoining our Discord ServerSharing on Twitter

Rapid Search Inside of Docs