<text>
  <tspan> First line </tspan>
  <tspan> Second line </tspan>
</text>

文本的第一行和第二行可以具有不同数量的字符，其可以动态地改变。
我想让第二行出现在第一行和两个文本的中间。

我可以通过为第二个< tspan>添加dy =“15”，使第二行出现在第一行下面。

我可以将每个单独的< tspan>通过添加text-anchor =“middle”到它。

但是如何做那些< tspan>的相对中心对齐？

我试图对每个< tspan>使用x =“0”但显然它不工作，因为每个< tspan>具有不同的宽度，并且较短行中的渲染文本向左移位。

是否存在仅使用CSS和/或SVG来使不同宽度的2 tspan的中心对准的方式。