Border and dot effect on heading

Hello I am trying to replicate the h4 heading on this page at as a h2 on my site


On my version for some reason it’s not going all the way across the content below, and not sure the best to replicate that effect of the dot and the border…would I need a span?


Here’s the CSS I have

h2.divider-heading {
border-bottom: 2px solid #E6EFEF;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
  display: block;
h2.divider-heading:before {
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    width: 9px;
    border-radius: 50%;

What is the part that is not going all the way across?

I had figured it out. Thank you.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.