html - 有没有办法让 div 具有文本内容的大小？

Question

我正在用 html 进行聊天，但我遇到了文本气泡的问题，因为 div 在中断时变得比文本大： 图片链接

在第一张图片中，您可以看到聊天，在第二张图片中，可以看到元素的检查，在第三张图片中，我要删除的部分（显示为红色）。另外，我尝试width: min-content在 div 中使用，但没有得到我想要的结果（下一张图片）： 图片链接 2

我在 codepen 中包含了代码以提供帮助： https ://codepen.io/nidilap/pen/YzwzMNP

有人有办法解决这个问题吗？

标签： htmlcss