JSFiddle - React, Tailwind, and code Playground
HTML
<div id="texture" class="hide">
<span style="color:#00DC00">.wrl</span>
<span style="color:#FFFF00">.qc</span>
<span style="color:#CA0099">.dng</span>
<span style="color:#009900">.rpm</span>
<span style="color:#CCCC99">.bak</span>
<span style="color:#CC00FF">.mid</span>
<span style="color:#00DC00">.blend</span>
<span style="color:#feff00">.swf</span>
<span style="color:#f30261">.odt</span>
<span style="color:#CCCC99">.tmp</span>
<span style="color:#f30261">.nfo</span>
<span style="color:#BE9852">.indd</span>
<span style="color:#00DC00">.wrl</span>
<span style="color:#FFFF00">.qc</span>
<span style="color:#CA0099">.dng</span>
<span style="color:#009900">.rpm</span>
<span style="color:#CCCC99">.bak</span>
<span style="color:#CC00FF">.mid</span>
<span style="color:#00DC00">.blend</span>
<span style="color:#feff00">.swf</span>
<span style="color:#f30261">.odt</span>
<span style="color:#CCCC99">.tmp</span>
<span style="color:#f30261">.nfo</span>
<span style="color:#BE9852">.indd</span>
<span style="color:#CC00FF">.pnm</span>
<span style="color:#00ccff">.ccx</span>
<span style="color:#009200">.vrl</span>
<span style="color:#CC00FF">.au</span>
<span style="color:#00ccff">.fhd</span>
<span style="color:#00DC00">.3dm</span>
<span style="color:#CC00FF">.jar</span>
<span style="color:#00DC00">.dae</span>
<span style="color:#00DC00">.u3d</span>
<span style="color:#6300df">.csv</span>
<span style="color:#00DC00">.fbx</span>
<span style="color:#CCCC99">.dbf</span>
...
CSS
#texture {background-color:black;}
.hide {
display: none;
}
JavaScript
$( window ).load(function() {
var divHeight = $("#texture").height();
var pArray = $("span");
var x=1
while (divHeight>120)
{
pArray[pArray.length-x].style.display="none";
x++;
divHeight=$("#texture").height();
}
$("#texture").fadeIn();
});