Center A Table And Align Right A Div

I'm not having much luck in centering the pageLinks table and right align the goToPage div within the pagingDiv div. I needs these two element positioned at the same vertical leve

Solution 1:

Move the goToPage div before the table in your 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