css table example

by hrabinowitz

HTML

<section>
  <div class="row">
    <p class="col">cell 1</p>
    <h1 class="col right">cell 2</h1>
    <div class="col">cell 3</div>
  </div>
  <div class="row">
    <p class="col">cellular 1</p>
    <h1 class="col right">cellular 2</h1>
    <div class="col">cellular 3</div>
  </div>
</section>

CSS

section {
  display: table;
}

header,
.row {
  display: table-row;
}

.col {
  display: table-cell;
  
  /* border: gray 1px solid; */
}
.right {
  text-align: right;
}