.css { display: table }

Output

Row 1, Cell 1

Row 1, Cell 2

Row 1, Cell 3

Row 2, Cell 1

Row 2, Cell 2

Row 2, Cell 3

Row 1, table-header 1	Row 1, table-header 2	Row 1, table-header 3
Row 1, Cell 1	Row 1, Cell 2	Row 1, Cell 3
Row 2, Cell 1	Row 2, Cell 2	Row 2, Cell 3
Row 1, table-footer 1	Row 1, table-footer 2	Row 1, table-footer 3

HTML


<div class="table">
    
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>

  <div class="header">
    <div class="row">
        <div class="cell">Row 1, table-header 1</div>
        <div class="cell">Row 1, table-header 2</div>
        <div class="cell">Row 1, table-header 3</div>
      </div>
  </div>
  
  <div class="row">
    <div class="cell">Row 1, Cell 1</div>
    <div class="cell">Row 1, Cell 2</div>
    <div class="cell">Row 1, Cell 3</div>
  </div>
  <div class="row">
    <div class="cell">Row 2, Cell 1</div>
    <div class="cell">Row 2, Cell 2</div>
    <div class="cell">Row 2, Cell 3</div>
  </div>

  <div class="footer">
    <div class="row">
      <div class="cell">Row 1, table-footer 1</div>
      <div class="cell">Row 1, table-footer 2</div>
      <div class="cell">Row 1, table-footer 3</div>
    </div>
  </div>

</div>


<table>
  <colgroup></colgroup>
  <colgroup></colgroup>
  <colgroup></colgroup>
  <thead>
    <tr>
      <td>Row 1, table-header 1</td>
      <td>Row 1, table-header 2</td>
      <td>Row 1, table-header 3</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1, Cell 1</td>
      <td>Row 1, Cell 2</td>
      <td>Row 1, Cell 3</td>
    </tr>
    <tr>
        <td>Row 2, Cell 1</td>
        <td>Row 2, Cell 2</td>
        <td>Row 2, Cell 3</td>
      </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Row 1, table-footer 1</td>
      <td>Row 1, table-footer 2</td>
      <td>Row 1, table-footer 3</td>
    </tr>
  </tfoot>
</table>

.css { display: table }

Output

HTML

CSS