JSFiddle - React, Tailwind, and code Playground

CSS

span {
    background: #ccc;
    display: block;
    float: left;
    margin: 2px;
    width: 30px;
    height: 20px;
    border: 1px solid #000;
    text-align: center;
    font-family: arial;
}
.fixed {
    background: red;
}

JavaScript

var sizes = {
    "7": ["9149", "9139", "10455", "17208"],
    "7.5": ["9140", "9150", "10456", "17209"],
    "8": ["2684", "9141", "10457", "17210"],
    "8.5": ["9142", "10444", "10458", "17211"],
    "9": ["2685", "9143", "10459", "17212"],
    "9.5": ["10443", "9144", "10460", "17213"]
}, span;

for (var k in sizes){
    span = document.createElement('span');
    span.innerHTML = k;
    document.body.appendChild(span);
}