JSFiddle - React, Tailwind, and code Playground

CSS

div.line{
    white-space:nowrap;
    float:left;
}

div.a0, div.a1, div.a2, div.a3{
    border:0.1cm solid black;
    display:inline-block;
    white-space:normal;
    padding:0px;
    margin:0px;
    box-sizing: border-box;
}

div.b0, div.b1, div.b2, div.b3{
    border:1px solid black;
    display:inline-block;
    white-space:normal;
    padding:0px;
    margin:0px;
    box-sizing: border-box;
}
div.a0{width:16cm;}
div.a1{width:8cm;}
div.a2{width:4cm;}
div.a3{width:2cm;}
div.b0{width:400px;}
div.b1{width:200px;}
div.b2{width:100px;}
div.b3{width:50px;}

JavaScript

for(var a=0;a<2;a++){
    var b = String.fromCharCode(97 + a);
    for(var c=0;c<4;c++){
        var d = document.createElement("div");
        d.className = "list";
        for(var e=0;e<Math.pow(2,c);e++){
            var f = document.createElement("div");
            f.className = b + c;
            f.innerHTML = b + c;
            d.appendChild(f);
        }
        document.body.appendChild(d);
    }
}