html - How do I add a button in below all content? -

html - How do I add a button in <table> below all content? -

i need add together 'order now' button @ bottom of table. after doing research have been unable find solution problem (which i'm sure i'm missing simple trick)

here table:

<table class='elegantaerobasket margin_bottom'> <thead> <tr> <th class="baskettabletitle1 pricecomparison th1" colspan="4">web hosting</th> </tr> <tr> <th class="baskettabletitle1 basketleftmargin th1">product</th> <th id="averagepadding2" class="baskettabletitle1 baskettb3hosting th1">2 years</th> </tr> </thead> <tbody> <tr> <!-- product --> <td class="basketrowspace basketleftmargin "><b>unlimited web hosting</b> </td> <!-- 2 year cost --> <td class="basketrowspace baskettb33hosting">£12.00</td> </tr> </tbody> </table>

fiddle #i've added button in seperate div show how should dispaly

i've tried adding button in <tfooter> , lot of tweaking i'm sure work there better/simple way it?

thanks

i may missing you're asking for, here's button within tfoot:

http://jsfiddle.net/wildandjam/q6qqf/1/

<tfoot> <tr> <td colspan="2"> <div class="elegantaerobasket margin_top"> <a href="#" class="button">order now</a> </div> </td> </tr> </tfoot>

html css