如何将SPAN定位为与TABLE的任何一侧和上方对齐？

Question

<div>
<span>left</span>
<span>right</span>
<!-- new line break, so no more content on that line -->
<table> 
...
</table>
</div>

如何定位这些跨度(它们可以更改为任何元素),以便根据表的大小(未在任何地方定义,不应定义),跨度位于表的左侧顶部,桌子的右边.

例:

a    b
table0
table1
table2

(其中a是左跨度,b是右跨度)

PS你可以改变任何内部表格html.

Answer 1

<style type="text/css">
    #wrapper, #top, #tableArea
     {
       width: 100%;
       padding: 10px;
       margin: 0px auto;
      }

     #top
      {
        padding: 0px;
      }

      #leftBox, #rightBox
      {
          margin: 0px;
          float: left;
          display: inline;
          clear: none;
       }

       #rightBox
        {
            float: right;
        }
     </style>
<div id="wrapper">
    <div id="top">
        <div id="leftBox">A</div>
        <div id="rightBox">b<</div>
    </div>
    <div id="tableArea">
        <table> ... </table>
    </div>
</div>