html - How to align button centered below table? -

I've put elements in an element so that the column names and inputs can be combined with 2-columns. And I press the button below the table and cancel. Table width is not fixed. I want to place the buttons that focus the width of the table.

An easy way is to put a button in the table. But I want to separate them from the table.

Such a structure:

  & lt; Div & gt; & Lt ;! - Your table - & gt; & Lt; Table / & gt; & Lt ;! - Your button - & gt; & Lt; Div style = "text-align: center;" & Gt; & Lt; Input / & gt; & Lt; / Div & gt; & Lt; / Div & gt;