table new line

Question

table new line

zal wel 20

i like to have two tables next to eachother and one on a new line, so

1 2

3

How?

<style>
  .divtag{     
table
{
float: left;
}
}
</style>
<div class="divtag">
<table >
    <tr>
      <td> 1 </td>
    </tr>
  </table  >
  <table >
    <tr>
      <td> 2 </td>
    </tr>
  </table>
</div>

<table>
    <tr>
      <td> 3 </td>
    </tr>
  </table>

Viorel 127.3K Reputation points

2026-03-20T11:50:15.9+00:00

Maybe define a table that includes your first two tables in the first row, and the third table in the second row, which spawns over two columns.

1 answer

Your answer

Viorel 127.3K Reputation points

2026-03-20T11:50:15.9+00:00

Maybe define a table that includes your first two tables in the first row, and the third table in the second row, which spawns over two columns.

Answer 1

Use CSS to float only the first two tables and clear the third one so it starts on a new line.

Example:

<style>
  .inline-table {
    float: left;
    margin-right: 10px; /* optional spacing */
  }

  .newline-table {
    clear: both; /* forces this table onto a new line */
  }
</style>

<table class="inline-table">
  <tr>
    <td>1</td>
  </tr>
</table>

<table class="inline-table">
  <tr>
    <td>2</td>
  </tr>
</table>

<table class="newline-table">
  <tr>
    <td>3</td>
  </tr>
</table>

Key points:

Apply float: left; to the first two tables so they sit next to each other.
Apply clear: both; to the third table so it starts below the floated ones.
Avoid putting the table { float:left; } rule inside another selector block as in the original CSS; that syntax is invalid in standard CSS.

References: