Html svg中的中心文本

我知道这个问题以前已经被问过了，但我看到的解决方案对我来说并不奏效。 我有下面的代码，但是你可以看到文本不集中在圆圈的中间

svg{
宽度：30%
}
.circle--out、.circle--in{
填充：无；
}
.圈出{
笔划宽度：20px；
笔画：黑色；
z指数：1；
}
.圈内{
笔划宽度：10px；
笔画：白色；
变换：旋转（-90度）；
变换原点：50%；
}
.文本{
字体大小：3rem；
}

99

使用

alignment baseline=“central”

而不是中间

使用central更糟糕，文本使用

central