JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"></div>

CSS

.elements{
  text-transform:capitalize;
  font-size:25px;
  position:relative;
  float:left;
  margin-right:5px;
  margin-BOTTOM:5px;
  width:50px;
  height:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  /*background:#848884;*/
}

JavaScript

var arr = ['a','z'];
for(var i = arr[0].charCodeAt(); i <= arr[1].charCodeAt(); i++ )
{
	var C = [~~(Math.random() * 255),~~(Math.random() * 255),~~(Math.random() * 255)];
	$('.container').append("<div class='elements' style='color:rgb("+C[0]+","+C[1]+","+C[2]+")'>"+String.fromCharCode(i)+"</div>" );
}