JSFiddle - React, Tailwind, and code Playground

by BaliBalo

CSS

html, body { margin:0; }
div {
    float: left;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    margin: 0;
    margin-left: -1px;
    margin-top: -1px;
    padding: 1px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}
div:hover {
    font-weight: bold;
    border-size: 2px;
    padding: 0;
    margin: 1px;
    margin-left: 0;
    margin-top: 0;
}

JavaScript

var document = window.document,
    CHARMAP_SIZE = 0xFFFF;

var full = document.createElement('section'), div;
for (var i = 0; i < CHARMAP_SIZE; i += 1) {
    div = document.createElement('div');
    div.innerText = String.fromCharCode(i);
    full.appendChild(div);
}
document.body.appendChild(full);