JSFiddle - React, Tailwind, and code Playground

HTML

<div>
 <div style="float:left;">

 <MARQUEE SCROLLDELAY=297 DIRECTION=DOWN HEIGHT=650 >
 <pre>
 &permil;
 &pound;
 &curren;
 &yen;
 &AElig;
 &ETH;
 &Yacute;

 &THORN;

 &xi;
 &Xi;
 
 &Pi;
 &pi;
 &Sigma;
 &sigma;
 &Tau;

 &Phi;
 &Omega;
 &omega;
 &#9679;
 &AElig;
 &ETH;
 &Yacute;
 &THORN;
 
 &xi;

 &Xi;
 
 &Pi;
 &pi;
 &Sigma;
 &sigma;
 &Tau;
 &Phi;
 &Omega;
 &omega;

 </pre></MARQUEE>
 </div><div style="float:left;">
 <MARQUEE SCROLLDELAY=189 DIRECTION=up HEIGHT=650 >
 <pre>
 &permil;
 &pound;
 &curren;
 &yen;
 &AElig;

 &ETH;
 &Yacute;
 &THORN;

 &xi;
 &Xi;
 
 &Pi;
 &pi;
 &Sigma;

 &sigma;
 &Tau;
 &Phi;
 &Omega;
 &omega;
 &#9679;
 &AElig;
 &ETH;
 &Yacute;

 &THORN;
 
 &xi;
 &Xi;
 
 &Pi;
 &pi;
 &Sigma;
 &sigma;
 &Tau;
 &Phi;

 &Omega;
 &omega;
 </pre></MARQUEE>
 </div><div style="float:left;">
 <MARQUEE SCROLLDELAY=171 DIRECTION=DOWN HEIGHT=650 >
 <pre>
 &permil;
 &pound;
 &curren;

 &yen;
 &AElig;
 &ETH;
 &Yacute;
 &THORN;

 &xi;
 &Xi;
 
 &Pi;

 &pi;
 &Sigma;
 &sigma;
 &Tau;
 &Phi;
 &Omega;
 &omega;
 &#9679;
 &AElig;

 &ETH;
 &Yacute;
 &THORN;
 
 &xi;
 &Xi;
 
 &Pi;
 &pi;
 &Sigma;
 &sigma;

 &Tau;
 &Phi;
 &Omega;
 &omega;
 </pre></MARQUEE>
 </div><div style="float:left;">
 <MARQUEE SCROLLDELAY=203 DIRECTION=DOWN HEIGHT=650 >
 <pre>
 &permil;

 &pound;
 &curren;
 &yen;
 &AElig;
 &ETH;
 &Yacute;
 &THORN;

 &xi;

 &Xi;
 
 &Pi;
 &pi;
 &Sigma;
 &sigma;
 &Tau;
 &Phi;
 &Omega;
 &omega;

 &#9679;
 &AElig;
 &ETH;
 &Yacute;
 &THORN;
 
 &xi;
 &Xi;
 
 &Pi;
 &pi;

 &Sigma;
 &sigma;
 &Tau;
 &Phi;
 &Omega;
 &omega;
 </pre></MARQUEE>
 </div><div style="float:left;">
 <MARQUEE SCROLLDELAY=235 DIRECTION=DOWN HEIGHT=650 >

 <pre>
 &permil;
 &pound;
 &curren;
 &yen;
 &AElig;
 &ETH;
 &Yacute;
 &THORN;

 &xi;
 &Xi;
 
 &Pi;
 &pi;
 &Sigma;
 &sigma;
 &Tau;
 &Phi;

 &Omega;
 &omega;
 &#9679;
 &AElig;
 &ETH;
 &Yacute;
 &THORN;
 
 &xi;
 &Xi;

 
 &Pi;
 &pi;
 &Sigma;
 &sigma;
 &Tau;
 &Phi;
 &Omega;
 &omega;
 </pre></MARQUEE>

 </div><div style="float:left;">
 <MARQUEE SCROLLDELAY=146...

CSS

* {margin:0;}
body{ background:#000; }
  div {margin:0;  padding:0;}
  MARQUEE {margin:0; padding:0;}
  pre {color:#00CC00; text-shadow: #00CC00 0.1em 0.1em 0.2em }
  span{position:fixed; top:500; left:900; color:#00CC00; text-shadow: #00CC00 0.1em 0.1em 0.2em };