Positioning tables on a webpage

I would like to create a webpage with several tables of buttons. I need to be able to control the location of each table so that one could be above another, to the side, or above and to the side. I know how to create a table of buttons:

<form name="table_buttons">
  <table>
    <tr>
      <td><input type="button" name="1-1">
      </td>
      <td><input type="button" name="1-2">
      </td>
    <tr>
      <td><input type="button" name="1-1">
      </td>
      <td><input type="button" name="2-2">
      </td>
    </td>
  </table>
</form>

however I don’t know how to arrange multiple of these tables in the way I want. I have attached a picture showing three examples of arrangements I would like to achieve (you can ignore the highlighted squares).

Example arrangements

24 thoughts on “Positioning tables on a webpage”

Leave a Comment