Page Title

<div class="px-4 container mx-auto">
  <div class="my-8 flex items-center justify-between md:justify-center">
    <span class="border-b-2 border-t-2 w-8 md:w-24 inline-block mr-2 rounded"></span>

    <h1 class="text-gray-800 md:text-2xl font-bold text-center">
      Neque porro quisquam est 2
    </h1>

    <span class="border-b-2 border-t-2 w-8 md:w-24 inline-block ml-2 rounded"></span>
  </div>

  <p>
    orem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt semper mauris et feugiat. Morbi ornare eleifend tellus, semper tincidunt augue tincidunt et. Suspendisse quis felis efficitur, lacinia tellus nec, vehicula tortor. Duis vitae volutpat nunc, quis sagittis arcu. Duis vitae rutrum justo.
  </p>
</div>

<div class="px-4 container mx-auto">
  <div class="text-left mb-8">
    <h1 class="text-gray-800 md:text-2xl font-bold mb-2">
      Neque porro quisquam est
    </h1>

    <!-- change "border-indigo-500" to change the color -->
    <div class="border-indigo-500 border-b-2 border-t-2 w-32 md:w-40 rounded"></div>
  </div>

  <p>
    orem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt semper mauris et feugiat. Morbi ornare eleifend tellus, semper tincidunt augue tincidunt et. Suspendisse quis felis efficitur, lacinia tellus nec, vehicula tortor. Duis vitae volutpat nunc, quis sagittis arcu. Duis vitae rutrum justo.
  </p>
</div>