JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="flex">
  <div class="flex-container">1</div>
   <div class="flex-container">2</div>
    <div class="flex-container">3</div>
</div>

CSS

.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 border:2px solid blue;
}
.flex-container {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
 height:400px;
 border:2px solid black;
 width:200px;
}
.flex-container{
  font-size:50px;
  line-height:400px;
  text-align:center;
}