Предотвратите обтекание встроенного блока в белом пространстве: pre?

Кажется, Chrome обертывает элемент встроенного блока, если он находится в конце строки, даже если есть контейнер белого пространства: pre с ним с переполнением: auto. Есть ли работоспособное решение, чтобы предотвратить это, не меняя контент?

<div style="width:400px;height:200px;overflow:auto;white-space:pre">
The span should be at the end of this text, however, it wraps to the next line.<span style="width:1px;display:inline-block;height:1em;background:red"></span>
</div>

Белое пространство должно быть сохранено, по крайней мере, с использованием новых строк. Пробелы и вкладки могут быть сжаты.

Ответы

Ответ 1

Эта ошибка 4 года и все еще присутствует в последних браузерах Chrome и Safari, но я нашел обходное решение, которое не добавляет нежелательных пробелов, что добавьте пустой псевдоэлемент :after: http://jsbin.com/oQuBAmIJ/1/edit

Ответ 2

Попробуйте изменить настройку белого пробела на white-space: nowrap.