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

Question

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

有没有办法使用 css 或 JavaScript 来计算每个字母之间的间距？有没有更好的方法在字母之间插入间距，使所有内容都居中对齐？

容器 div 的20px所有侧面都已经有填充，因此我确实需要添加0.75em左侧填充。以下是 和 容器标签的相关 css h5：

.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？