JSFiddle - React, Tailwind, and code Playground

by johnhunter

HTML

<div class="a">
  <!-- <div class="b"> tr not required for v centring, but cell must be imediate child -->
    
	<div class="c">
		content
 	</div>
  	<div class="c">
		content
 	</div>
    
  <!-- </div> -->
</div>

CSS

.a {
  display: table;
  height: 100px;
  width: 200px;
}
.b {
  display: table-row;
  border-color: green;
}
.c {
  display: table-cell;
  border-color: blue;
  vertical-align: middle;
  text-align: center;
}
div {
  padding: 2px;
  border: 1px dotted red;
}