html/css. Create tables by using the div tags

<div class="Table">
<div class="Title">This is a Table</div>

<div class="Heading">
<div class="Cell">Heading 1</div>
<div class="Cell">Heading 2</div>
<div class="Cell">Heading 3</div>
</div>

<div class="Row">
<div class="Cell">Row 1 Column 1</div>
<div class="Cell">Row 1 Column 2</div>
<div class="Cell">Row 1 Column 3</div>
</div>

<div class="Row">
<div class="Cell">Row 2 Column 1</div>
<div class="Cell">Row 2 Column 2</div>
<div class="Cell">Row 2 Column 3</div>
</div>

</div>

<style type="text/css">

.Table {
  display: table;
}

.Title {
  display: table-caption;
  text-align: center;
  font-weight: bold;
  font-size: larger;
}

.Heading {
  display: table-row;
  font-weight: bold;
  text-align: center;
}

.Row {
  display: table-row;
}

.Cell {
  display: table-cell;
  border: solid;
  border-width: thin;
  padding-left: 5px;
  padding-right: 5px;
}

</style>