Untitled

dabblet.css

.row {
  border: 1px solid black;
  display: table;
  width: 100%; 
}

.cell {
  display: table-cell;
  background-color: red;     
  vertical-align: middle;
}

.cell-2 {
  font-size: 28px;
  background: green;
  width: 50px;  
}

.cell-1 {
  font-size: 18px;
  background: lightblue;   

}

dabblet.html

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

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"all"}