Semantic UI | Divider

A Semantic UI | divider is used to segment the content into different parts.

How To Create Semantic Ui Divider

To create a semantic UI divider, simply add ui divider class to the <div> element base class.

General Syntax

      
        <element class="ui divider"></element>

Source Code

          <div class="ui divider"></div>

Source Code: Output

To create a vertical divider, use ui vertical divider class. to the <div> element base class.

Source Code

          <div class="ui vertical divider">
    and
 </div>

Source Code: Output

and

To create a horizontal divider, use ui horizontal divider class.

General Syntax

      
        <element class="ui horizontal divider"></element>

Source Code

          <div class="ui horizontal divider">
			Or
</div>

Source Code: Output

Html Tutorial HTML

Javascript Tutorial JAVASCRIPT

Css Tutorial CSS

Bootstrap 5 Tutorial BOOTSTRAP 5

Bootstrap 4 Tutorial BOOTSTRAP 4