title: Text in Span overflows Div
body: <p>I have some text I append to a div and then apply the <a href="https://github.com/michikono/boxfit" rel="nofollow">Boxfit jquery plugin</a> on it.  That creates a <code>&lt;span&gt;</code> within the parent div.  This then allows the text to overflow, eventhough before the <code>&lt;span&gt;</code> is created, it works fine.  I've tried:</p>
  
  <ol>
  <li>Adding overflow to the span</li>
  <li>Adding heigh/width to the span that inhereits</li>
  <li>Adding overflow to the <code>&lt;div&gt;</code>'s parent <code>&lt;div&gt;</code> but this messes up my jquery ui handles for resize</li>
  <li>Changeing the display from the default <code>table-cell</code> to <code>block</code> and <code>inline-block</code></li>
  </ol>
  
  <p>I don't know exactly how to proceed, so any help on this would be awesome.  I'm trying to use height inheritance and display/posiiton changes, but nothing so far.  Thanks!  Here is the code:</p>
  
  <p>CSS:</p>
  
  <pre><code>.text-block
  {
      cursor: default;
      height: 100%;
      overflow: hidden;
      width: 100%;
      line-height: normal;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="template-1of3X template-droppable ui-resizable text review ui-draggable font-oxygen selected" style="top: 351px; width: 256px; height: 151px; position: absolute; left: 27px;"&gt;
  &lt;div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1000; display: block;"&gt;&lt;/div&gt;
  &lt;div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1000; display: block;"&gt;&lt;/div&gt;
  &lt;div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1000; display: block;"&gt;&lt;/div&gt;
  &lt;div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1000; display: block;"&gt;&lt;/div&gt;
  &lt;div class="text-block" style="display: table;"&gt;
  &lt;span class="boxfitted" style="display: table-cell; font-size: 14px;"&gt;One whiff and you know this is serious stuff. The aromas of baking brioche, coconut, candied citrus and leather pick up roasted coffee and grilled nuts on the palate, permeating the senses. Profound depth and complexity, offering a unique Champagne experience. Drink now through 2006. 40,000 cases made. –BS&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>