JSFiddle - React, Tailwind, and code Playground
HTML
<p>
</p>
JavaScript
var sizes = ['xx-small', 'x-small', 'smaller', 'small', 'medium', 'large', 'larger', 'x-large', 'xx-large'];
for(var i = 0; i < sizes.length; i++) {
$("p").append('<div style="font-size: '+sizes[i]+';">'+sizes[i]+' - </div>');
$("p div:last").append($("p div:last").css("font-size"));
}