How to make heading with separator lines in divi

Today we will be using CSS tricks to make a heading with separator lines.

The Code: 

h1:before {
  content: "";
  display: block;
  border-top: solid 1px black;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

h1 span {
  background: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 5;
}

Where to put this code?

 Go To Divi > Theme Options > General
Scroll down to last section which is CUSTOM CSS and paste the code there.

Let me know if you have any easier ways to implement this in comments. :)