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:

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

jsFiddle example