Dividers | LibreTexts

Divider Style 1

Solid

                            
<section class="dividers dt-section">
    <div class="container">
        <div class="dividers-block">
            <h2>Divider Title</h2>
            <div class="divider1">
                <p>Solid</p>
                <span class="solid">&nbsp;</span>
            </div>
        </div>
    </div>    
</section>

Divider Style 2

Dashed

                            
<section class="dividers dt-section">
    <div class="container">
        <div class="dividers-block">
            <h2>Divider Title</h2>
            <div class="divider2">
                <p>Dashed</p>
                <span class="dashed">&nbsp;</span>
            </div>
        </div>
    </div>    
</section>

Divider Style 3

Rounded

                            
<section class="dividers dt-section">
    <div class="container">
        <div class="dividers-block">
            <h2>Divider Title</h2>
            <div class="divider3">
                <p>Rounded</p>
                <span class="rounded">&nbsp;</span>
            </div>
        </div>
    </div>    
</section>

Divider Style 4

Dotted

                            
<section class="dividers dt-section">
    <div class="container">
        <div class="dividers-block">
            <h2>Divider Title</h2>
            <div class="divider4">
                <p>Dotted</p>
                <span class="dotted">&nbsp;</span>
            </div>
        </div>
    </div>    
</section>