Html 将一张桌子居中，并将其右对齐

我没有太多的运气将pageLinks表居中，并在pagingDiv分区内右对齐goToPage分区。我需要将这两个元素定位在同一垂直水平上。任何帮助都将不胜感激

<div id="pagingDiv" style="border:1px solid black; width:100%;">
    <table id="pageLinks" style="border:1px solid black; margin:auto;" >
        <tbody>
            <tr>
                <td>
                    <a href="#first" title="Click to go to first page.">1</a>
                </td>
                <td>
                    <a href="#first" title="Click to go to second page.">2</a>
                </td>
            </tr>
        </tbody>
    </table>                  
    <div id="goToPage" style="float:right"> &nbsp; Page 3 of 42 | Page#: <input style="height:14px;width:21px;" /> <a href="#go">GO</a></div>                  
</div>

第3页，共42页|第#

在HTML中将goToPage div移到表之前：

<div id="pagingDiv" style="border:1px solid black; width:100%;">
    <div id="goToPage" style="float:right">&nbsp; Page 3 of 42 | Page#:
        <input style="height:14px;width:21px;" /> <a href="#go">GO</a>
    </div>
    <table id="pageLinks" style="border:1px solid black; margin:auto;">
        <tbody>
            <tr>
                <td> <a href="#first" title="Click to go to first page.">1</a>

                </td>
                <td> <a href="#first" title="Click to go to second page.">2</a>

                </td>
            </tr>
        </tbody>
    </table>
</div>

第3页，共42页|第#

---

您的代码运行良好。除了没有将这两个元素放在同一行（事实上）之外，代码还能工作。我简直不敢相信我为此花了两个小时。我从来没有想过要试一下。谢谢。我刚刚意识到桌子实际上并没有放在pagingDiv的中心。它被goToPage的链接偏离了中心。