Css 多行h1集装箱宽度不小于'；t收缩以适应其中文本的宽度

这应该可以解释我的意思：

当h1缠绕在两条线上时容器的尺寸不会如预期的那样减小。如您所见（在缩小浏览器宽度后），当它换行到两行时，在第1行的最后一个单词之后，下面的图像中有一个用红色标记的间隙

演示问题的代码示例：

正文{
保证金：0；
填充：0；
}
.标语{
保证金：0；
宽度：适合的内容；
右边距：10px；
}
布莱克洛克先生{
背景色：#000；
填充：20px 40px；
保证金：0；
}
h1{
颜色：#fff；
背景颜色：粉红色；
}

精英门

另外，请注意，问题应该是独立的，并直接包含所有相关代码，因为外部链接可能会随着时间的推移而中断或更改，从而使问题无效，对未来用户没有帮助。您可以看到@Paulie_d:当文本换行时，没有一个副本解决了第一行的间距问题。@FluffyKitten:当文本换行时，没有一个副本解决了第一行的间距问题。你有更好的副本吗，我自己也没有找到准确的副本；）也许这是一个更好的复制，尽管它是关于元素的，但答案给出了一个更好的解释：-基本上这是不可能通过CSS的原因在答案中解释：）所以一个元素（在这个例子中是h1）有时无法计算它自己的宽度，当它涉及到包装文本。即使使用width:fit内容，由于文本换行，它也无法计算其内容。奇怪的是，min content和max content能够绕过这个问题，但fit content有问题。显然，我可以通过媒体查询来预测，随着浏览器的缩小，h1的宽度会减小。我只是希望有一个更优雅/更一致的css解决方案。另外，请注意，问题应该是自包含的，并直接包含所有相关代码，因为外部链接可能会随着时间的推移而中断或更改，使问题无效，对未来的用户没有帮助。您可以看到@Paulie_d:当文本换行时，没有一个副本解决了第一行的间距问题。@FluffyKitten:当文本换行时，没有一个副本解决了第一行的间距问题。你有更好的副本吗，我自己也没有找到准确的副本；）也许这是一个更好的复制，尽管它是关于元素的，但答案给出了一个更好的解释：-基本上这是不可能通过CSS的原因在答案中解释：）所以一个元素（在这个例子中是h1）有时无法计算它自己的宽度，当它涉及到包装文本。即使使用width:fit内容，由于文本换行，它也无法计算其内容。奇怪的是，min content和max content能够绕过这个问题，但fit content有问题。显然，我可以通过媒体查询来预测，随着浏览器的缩小，h1的宽度会减小。我只是希望有一个更优雅/更一致的css解决方案。