JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<div></div>

CSS

div {
    position: relative;
    width: 20px;
    height: 200px;
    background: yellow;
}

div:before {
   content: '';
   position: absolute;
   top: 0px; left: 0px;
   width: 100%; height: 20px;
   background: blue;
}

div:after {
   content: '';
   position: absolute;
   bottom: 0px; left: 0px;
   width: 100%; height: 20px;
   background: red;
}