Heading BEFORE AFTER CSS

<div class="heading">

<h3 class="text-uppercase"><span>Shopping cart</span></h3> 

</div>

.heading h3{
 
text-align: center;
max-width: 500px;
position: relative;
color: #FE980F;

font-size: 18px;
font-weight: 700;
margin: 0 auto 30px;
text-transform: uppercase;

}
.heading span{background: #FFF;}

.heading h3:before{
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -2;
  background: rgb(238, 235, 235);}
.heading h3:after{
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  position: absolute;
  background: rgb(238, 235, 235);
  right: 0;
  top: 50%;
  z-index: -2;
}