通过jQuery包装的文本元素包装没有明显的原因

Question

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

如

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检查过的：

为什么会这样？