JSFiddle - React, Tailwind, and code Playground

by Alex Incarnati

HTML

<div>
  <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</div>
<div>
  <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</div>
<div>
  <span>Lorem ipsum dolor sit amet.</span>
</div>
<div>
  <span></span>
</div>

CSS

body,html{
    height:100%;
}

div {
  width: 250px;
  height:100%;
  display: table;
  text-align: center;
  border: 1px solid #123456;
  margin-bottom:5px;
}
span {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}