title: cannot do <div> in <table>, but is <div> in <caption> in <table> allowed
body: <p>We are receiving the warning <code>Warning: validateDOMNesting(...): &lt;div&gt; cannot appear as a child of &lt;table&gt;</code>. and we understand the warning and what we're doing wrong:</p>
  <p><strong>Bad</strong></p>
  <pre><code>&lt;table&gt;
    &lt;div&gt;Shouldn't do this&lt;/div&gt;
  &lt;/table&gt;
  </code></pre>
  <p><code>&lt;caption&gt;</code> is an element allowed in <code>&lt;table&gt;</code>, and a the div is nested in a <code>&lt;caption&gt;</code>, we don't get the warning anymore. Is there anything structurally wrong with this? There is still a div in the table, just nested a layer deeper... or is this okay?</p>
  <p><strong>Is this okay?</strong></p>
  <pre><code>&lt;table&gt;
    &lt;caption&gt;
      &lt;div&gt;No more warning with this&lt;/div&gt;
    &lt;/caption&gt;
  &lt;/table&gt;
  
  </code></pre>