Border and dot effect on heading

HTML & CSS
1

Hello I am trying to replicate the h4 heading on this page at https://optricity.com/about-optricity.html as a h2 on my site https://optricity.aioncreative.net/about-optricity-html

See https://cl.ly/300843b057c6

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?

Thanks

2

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%;
  }
3

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

4

I had figured it out. Thank you.

5

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