title: How to force a floating div to move below a (non-floating) table instead of resizing when there's no space?
body: <p>I have the following layout:</p>
  
  <pre><code>&lt;div style="float:right ..."&gt;Contents&lt;/div&gt;
  &lt;table&gt;contents&lt;/table&gt;
  </code></pre>
  
  <p>I want that the div would move below the table when there's no space to display both elements side-by side. How can I do that? Currently they overlap.</p>
  
  <p>EDIT:</p>
  
  <p>This is a template so I want to avoid coding <em>any</em> widths into the layout. The div and the table should resize based on their contents and <em>then</em> decide how they can be placed, side-by-side or table above the div. Basically I am searching for something like <code>min-width: &lt;content width request&gt;</code></p>