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は次のとおりです。

なぜこうなった？