<h1>
  <span>T</span>
  <span>E</span>
  <span>X</span>
  <span>T</span>
  <span>I</span>
  <span>N</span>
  <span>A</span>
  <span>C</span>
  <span>I</span>
  <span>R</span>
  <span>C</span>
  <span>L</span>
  <span>E</span>
</h1>

* {
  box-sizing: border-box;
}

:root {
  --noOfItems: 13;
}

body {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1 {
  width: 28rem;
  height: 28rem;
  position: relative;
  text-align: center;
  background: radial-gradient(orange, red);
  color: white;
  border-radius: 50%;
}

span {
  --units: 1;
  --rotationUnit: calc((1turn / var(--noOfItems)) * var(--units, 1));
  position: absolute;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  top: 1rem;
  left: 1rem;
  transform: rotate(var(--rotationUnit));
  transform-origin: center;
  
  &:nth-child(2) { --units: 2; }
  &:nth-child(3) { --units: 3; }
  &:nth-child(4) { --units: 4; }
  &:nth-child(5) { --units: 5; }
  &:nth-child(6) { --units: 6; }
  &:nth-child(7) { --units: 7; }
  &:nth-child(8) { --units: 8; }
  &:nth-child(9) { --units: 9; }
  &:nth-child(10) { --units: 10; }
  &:nth-child(11) { --units: 11; }
  &:nth-child(12) { --units: 12; }
  &:nth-child(13) { --units: 13; }
}