JSFiddle - React, Tailwind, and code Playground

by alexdot

HTML

<div id="viewContainer">
    <div class="page" id="viewLeft2">I am very left.</div>
    <div class="page" id="viewLeft1">I am left.</div>
    <div class="page" id="center">I am in the middle.</div>
    <div class="page" id="viewRight1">I am right.</div>
    <div class="page" id="viewRight2">I am very right.</div>
</div>

CSS

html, body, div {margin:0;padding:0;}
#viewContainer {
    height:300px;
    width:500%;
    display:table;
}
.page {
    width:20%;
    height:100%;
    display:table-cell;
    border:1px solid red;
}