JSFiddle - React, Tailwind, and code Playground

CSS

div {
    text-align:center;
}

JavaScript

var width = prompt("How many x's would you like in the bottom row? 1-100 is good)", "50"),
        a_line = "",
        loop = 0,
        element;
    
    while (loop < width) {
        a_line = a_line + "x";
        loop = loop + 1;
        element = document.createElement("div");
        element.appendChild(document.createTextNode(a_line));
        document.body.appendChild(element);
    }