JSFiddle - React, Tailwind, and code Playground

by Ranjit Singh

HTML

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div class="w-50">6</div>
<div>7</div>
<div class="abs-left">8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div>13</div>

CSS

div {
    display: inline-block;
    width: 24%;
    text-align:center;
    float:left;
    height:24px;
    border:1px solid #e4e4e4;
}
div.w-50 {
    width:48%;
    height:48px;
}
div.abs-left {
    position:absolute;
    left:4px;
    top:60px
}
}