Custom Separator Components

Horizontal

Some Content Goes Here
Below is sm Separator

Some Content Goes Here
Below is md Separator

Some Content Goes Here
Below is lg Separator

Some Content Goes Here
Below is xl Separator

Some Content Goes Here

<p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is sm Separator</small> </p> <div class="separator separator--sm"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is md Separator</small> </p> <div class="separator separator--md"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is lg Separator</small> </p> <div class="separator separator--lg"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is xl Separator</small> </p> <div class="separator separator--xl"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here</p>

Vertical

Some Content Goes Here
Below is sm Separator

Some Content Goes Here
Below is md Separator

Some Content Goes Here
Below is lg Separator

Some Content Goes Here
Below is xl Separator

Some Content Goes Here

<p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is sm Separator</small> </p> <div class="separator separator--horizontal separator--sm" style="height: 100px;"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is md Separator</small> </p> <div class="separator separator--horizontal separator--md" style="height: 100px;"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is lg Separator</small> </p> <div class="separator separator--horizontal separator--lg" style="height: 100px;"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here <br /><small>Below is xl Separator</small> </p> <div class="separator separator--horizontal separator--xl" style="height: 100px;"></div> <p class="m-0 bg-lightblue p-5 text-white">Some Content Goes Here</p>