title: How can I position a SPAN to be aligned to either side and above a TABLE?
body: <pre><code>&lt;div&gt;
  &lt;span&gt;left&lt;/span&gt;
  &lt;span&gt;right&lt;/span&gt;
  &lt;!-- new line break, so no more content on that line --&gt;
  &lt;table&gt; 
  ...
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I position those spans (they can be changed to any element) so that depending on how big the table is (not defined anywhere, and shouldn't be) the spans are positioned just on top of the left side of the table and the right side of the table.</p>
  
  <p>Example:</p>
  
  <pre>
  a    b
  table0
  table1
  table2
  </pre>
  
  <p>(where a is the left span, and b is the right span)</p>
  
  <p>P.S. You can change anything bar inner table html.</p>