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

Zusty Pages are Now Available offline.
New or Updated content available.  Refreshing...

Choose Editor