jquery - 通过 jQuery 设置文本的元素无缘无故地换行

Question

我有一些通过 jQuery 设置文本的 DIV 和 LI。

如

var answers = ['Participants will be added and  invited to this team', 'A Sign Up Sheet will be created'];
$('#inv-type').text(answers[value]);

或者

$('#summary').append('<li>'+answer+'</li>');

在这两种情况下，文本在分配给 DIV 或 LI 时都会换行，尽管在这两种情况下，文本都有足够的空间不必换行。这是检查的DIV：

为什么会这样？