Divider lines

The divider line will expand to the full width of the container it is in.

Horizontal rule <hr/>


Solid divider (replaces divline-dotted)


<div class="divline-solid"></div>
 

Bold divider


<div class="divline-bold"></div>
 

To use dividers for the headings. Use the below class, By default the heading divider is full width


Gold divider for the heading


<div class="divline-boldheading-gold"></div>
 

Black divider for the heading


<div class="divline-boldheading-black"></div>
 

Divider width:- You can reduce the width of the divider by adding the below classes to the divider. This class should be used only in conjuction with the divider class.


w20


<div class="divline-boldheading-gold w20"></div>
 

w30


<div class="divline-boldheading-gold w30"></div>
 

w40


<div class="divline-boldheading-gold w40"></div>
 

w50


<div class="divline-boldheading-gold w50"></div>
 

w60


<div class="divline-boldheading-gold w60"></div>
 

w70


<div class="divline-boldheading-gold w70"></div>
 

w80


<div class="divline-boldheading-gold w80"></div>
 

Similarly you can use w20,w30,w40,w50,w60,w70 & w80 for black solid divider lines in headings.


w20


<div class="divline-boldheading-black w80"></div>
 

w30


<div class="divline-boldheading-black w30"></div>
 

w40


<div class="divline-boldheading-black w40"></div>
 

w50


<div class="divline-boldheading-black w50"></div>
 

w60


<div class="divline-boldheading-black w60"></div>
 

w70


<div class="divline-boldheading-black w70"></div>
 

w80


<div class="divline-boldheading-black w80"></div>
 

Updated:  7 June 2021/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle