Центрируйте таблицу и выровняйте вправо a div

Question

Мне не очень повезло, когда вы центрируете таблицу страниц и выравниваете div goToPage div в div подкачки. Мне нужны эти два элемента, расположенных на одном и том же вертикальном уровне. любая помощь будет оценена по достоинству.

<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> 

Answer 1

Переместите GotoPage ДИВ до таблицы в HTML:

<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> 

jsFiddle example