<div class="separator">
  <div class="line"></div>
  <h2>Top Courses</h2>
  <div class="line"></div>
</div>

body{
  max-width: 1100px;
  margin: 2rem auto;
}
.separator{
  display:flex;
  align-items: center;
}

.separator .line{
  height: 3px;
  flex: 1;
  background-color: #000;
}

.separator h2{
  padding: 0 2rem;
}