Возможно ли сделать блок неразрывным с последним словом, чтобы на следующую строку уходил и блок и "слово"

#main{width:216px;}
#elem{width:10px;height:11px;display:inline-block;background:red;}

<div id="main">
Предложение слово&nbsp;еще слово<div id="elem"></div>
</div>

Возможно ли сделать блок неразрывным с последним словом, как если бы это было другое слово и между ними бы стоял код пробела "& nbsp;"

Т.е. при уменьшении ширины блока #main, тогда когда в конце строки не хватает места для #elem, то на вторую строчку должен убираться не только #elem, а еще и предыдущее "слово".