JSFiddle - React, Tailwind, and code Playground

HTML

<div class="et_pb_column et_pb_column_4_4  et_pb_column_4">

  <div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left  et_pb_text_3">

    <h2><span class="fancy"><spa class="title-text">About Us</spa></span></h2>

  </div>
  <!-- .et_pb_text -->
  <div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left  et_pb_text_4">

    <p>The South African Institute of Architects – Border Kei Region is a voluntary organisation that supports and acts on behalf of SAIA National in this region of the Eastern Cape. The Regional Institute is controlled by an elected Board of Representatives
      who hold office for a period of two years.</p>
    <p>MEET THE COMMITTEE +</p>

  </div>
  <!-- .et_pb_text -->
</div>


<div class=" et_pb_row et_pb_row_4">


  <div class="et_pb_column et_pb_column_4_4  et_pb_column_5">

    <div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left  et_pb_text_5">

      <h2><span class="fancy"><span class="title-text">Services</span></span></h2>

    </div>
    <!-- .et_pb_text -->
    <div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left  et_pb_text_6">

      <p>We aim to connect and enrich our local architectural community through various events and media as well as through a professional support system. We also provide our members with up‐to‐date information and represent them at many levels in the public
        domain. To assist our members in meeting their SACAP Continuing Professional Development requirements, we research, generate and deliver ideas for enriching programs, including CPD courses.</p>

    </div>
    <!-- .et_pb_text -->
  </div>
  <!-- .et_pb_column -->
</div>

<div class="et_pb_column et_pb_column_4_4  et_pb_column_6">

  <div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left  et_pb_text_7">

    <h2><span class="fancy"><span class="title-text">Regional Vision</span></span></h2>

  </div>
  <!-- .et_pb_text...

CSS

body {
  background: #fff;
  margin: auto;
  width: 400px;
  border: 1px solid #eee;
  padding: 20px
}

h2 {
  position: relative
}

.fancy {}

.fancy .title-text {
  background-color: white;
  padding-right: 1em;
  position: relative;
  z-index: 1
}

.fancy::after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #777272;
  border-top: 1px solid #777272;
  top: 0;
  left: 0;
  right: 0;
  margin-top: .35em;
}