title: Prevent inline-block from wrapping on white-space: pre?
body: <p>It seems Chrome is wrapping an inline-block element if it is at the end of a line even if there is a white-space:pre container around it with overflow: auto. Is there a workable solution to prevent this from happening without changing the content?</p>
  
  <pre><code>&lt;div style="width:400px;height:200px;overflow:auto;white-space:pre"&gt;
  The span should be at the end of this text, however, it wraps to the next line.&lt;span style="width:1px;display:inline-block;height:1em;background:red"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The white-space must be preserved using newlines at least. Spaces and tabs may be compressed.</p>