Nice CSS Divider

index.html

<div class="strike-heading black">
  <p>Who We Are</p>
</div>

styles.css

.strike-heading{
  text-align: center; position: relative; text-transform: uppercase;
}
*{
  box-sizing: border-box;
}
div{
  display: block;
}
.strike-heading.black:after {
  border-bottom: 1px solid #333;
}
.strike-heading:after {
  position: absolute; content: ""; left: 0; right:0; top: 50%; bottom: 50%; z-index: -1;
}
.strike-heading.black p {
  background: #333;
}
.strike-heading p {
  display: table; margin: 0 auto; line-height: 1; padding: 10px 50px; font-size: 13px; color: #fff;
  border-radius: 5px; font-family: sans-serif;
}