Center text around the 6 o'clock position of a circle

<div class="container">

  <h1>Center text around the 6 o'clock position of a circle</h1>

  <div class="circle">

    <svg class="" viewBox="0 0 88 88"

      xmlns="https://www.w3.org/2000/svg"

      xmlns:xlink="https://www.w3.org/1999/xlink">

      <defs>

        <path id="CirclePath1"

        d="M2,44a42,42 0 1,0 84,0a42,42 0 1,0 -84,0"/>

      </defs>

      <use xlink:href="#CirclePath1" />

      <text>

        <textPath id="circle1" xlink:href="#CirclePath1"></textPath>

      </text>

    </svg>

  </div>

  <div class="circle">

    <svg class="" viewBox="0 0 88 88"

      xmlns="https://www.w3.org/2000/svg"

      xmlns:xlink="https://www.w3.org/1999/xlink">

      <defs>

        <path id="CirclePath2"

        d="M2,44a42,42 0 1,0 84,0a42,42 0 1,0 -84,0"/>

      </defs>

      <use xlink:href="#CirclePath2" />

      <text>

        <textPath id="circle2" xlink:href="#CirclePath2"></textPath>

      </text>

    </svg>

  </div>

  <hr>

  <div class="circle">

    <svg viewBox="0 0 88 88"

      xmlns="https://www.w3.org/2000/svg"

      xmlns:xlink="https://www.w3.org/1999/xlink">

      <defs>

        <path id="CirclePath3"

        d="M2,44a42,42 0 1,0 84,0a42,42 0 1,0 -84,0"/>

      </defs>

      <use xlink:href="#CirclePath3" />

      <text>

        <textPath id="circle3" xlink:href="#CirclePath3"></textPath>

      </text>

    </svg>

  </div>

  <div class="circle">

    <svg  viewBox="0 0 88 88"

      xmlns="https://www.w3.org/2000/svg"

      xmlns:xlink="https://www.w3.org/1999/xlink">

      <defs>

        <path id="CirclePath4"

        d="M2,44a42,42 0 1,0 84,0a42,42 0 1,0 -84,0"

        />

      </defs>

      <use xlink:href="#CirclePath4" />

      <text>

        <textPath id="circle4" xlink:href="#CirclePath4"></textPath>

      </text>

    </svg>

  </div>

</div>