text-align
Establece la alineación del contenido de un elemento de bloque:
Valores permitidos:
- left
- right
- center
- justify
- inherit
Puedes probar con esto tu css con esto:
.posicion_texto_de_circulo {
position: absolute;
text-align: center;
/*background-color: white;*/
top: 20%;
transform:translateX(-50%);
height: 100%;
width: 100%;
}
O también:
.posicion_texto_de_circulo {
position: absolute;
text-align: justify;
/*background-color: white;*/
top: 20%;
transform:translateX(-50%);
height: 100%;
width: 100%;
}
EsperoPara tener más claro el concepto puedes revisar esta Documentación
Espero haya sido de ayuda!