JSFiddle - React, Tailwind, and code Playground

by Yubraj Pokharel

HTML

<div id="main">

  <div>a</div>
  <div>b</div>
  <div>c</div>
</div>

CSS

#main {
    width: 400px;
    height: 400px;
    border: 1px solid #c3c3c3;
    display: flex;
    flex-direction: column;
}

#main > div {
  height: 20px;
  width : 20px;
  background-color:#000;
  padding: 2px;
  margin: 2px;
  color: #fff;
}