防弹径向发光

Question

我需要创建一个具有径向发光的元素，如this。 但现在它变得太不稳定了。有没有更好的解决方案？

不稳定意味着，如果我要更改 span 元素中的文字，那么我应该更改 left 属性值。

Answer 1

要自动对齐文本，请从position删除left，top和h1 > span定义，并将以下内容添加到h1：

h1 {
    ...
    line-height: 44px;
    text-align: center;
}

另请参阅更新example。