居中对齐应用了额外字母间距的文本

Question

最好的方法是将一些增加letter-spacing的文本居中对齐，以便它实际上位于其容器的中心？该文字位于h5标记内，该标记在父div中居中对齐，但明显位于左侧，因为letter-spacing适用于每个字母的右侧。我可以手动添加一些左侧填充但如果浏览器缩放级别更改，则不会保持一致对齐。

有没有办法计算每个字母之间的间距，使用css还是JavaScript？是否有更好的方法在字母之间插入间距，以便所有内容都对齐？

容器div已经在所有方面都有20px填充，所以我真的需要在左侧填充中添加0.75em。这是h5和容器标签的相关css：

.container {
    padding: 20px;
    float: left;
}

.container h5 {
    font-size: 33px;
    letter-spacing: 1.5em;
    text-align: center;
}

容器看起来像这样：

Answer 1

您是否只能为padding-left: 1.5em;指定.container h5？

Answer 2

替代解决方案可能是为margin-right: -1.5em;指定.container h5，因此在对齐时不会为容器添加额外空间。

Answer 3

它已经老了，但另一个解决方法（技巧）是在角色之间添加一个空格。对我而言，这是最好的解决方案，因为我希望角色之间有一个很大的空间;）