多行文字，应该是宽度自动，而是100％

Question

首先，为难以理解的问题标题道歉。

在HTML / CSS中，我希望我的多行文本元素从文本里面继承它的宽度。如果包含的文本只跨越一行，但是当文本跨越多行时，它会将自身强制为width:100%;。

这是问题的一个小提琴：https://jsfiddle.net/guzvpe2q/

这是发生的事情：

这是应该发生的事情：

提前致谢。

Answer 1

div正在被文本推得那么宽，但是文本不适合所以它需要被推到一条线上。

您还需要display:inline-block。

解决这个问题的方法是在第一个单词之后添加手动换行符（我知道并不完全理想）

见（https://www.w3.org/TR/CSS21/visudet.html#inlineblock-width）