使用max-width w / background时元素后的额外间距

Question

这篇文章的标题很可能还不够。如果其他人更好地适合我的问题，请编辑和/或评论。

问题：

为什么第一行第二个单词后面有额外的空格？我希望它是齐平的（填充应用）。

• 我使用的是bootsrap v3.3。我有一个英雄形象（用作背景）， 然后是Pair，然后是绝对的包装元素 定位（首先是垂直的）。
• 在包装器元素中有一个.container。
• h1已应用背景。
• 我试图将填充，背景颜色等样式移动到 #heroBox代替h1，但仍然可以获得相同的效果。
• 我尝试将#heroBox添加到width:auto，以及其他样式
• #heroBox上有letter-spacing: -1px;，但删除它什么也没做。

h1