JSFiddle - React, Tailwind, and code Playground

HTML

<body background="001.jpg">
   <table align="right"><tr>  
     <td><FORM name="form1">
<INPUT type="button" value="Window" onclick="alert('Google Crome');">
    </FORM></td>
     <td><FORM name="form2">
<INPUT type="button" value="Navigator" 
onclick="alert('Браузер: '  +navigator.appName+'                                                                        Версия: '  +navigator.appVersion);">
    </FORM></td>
     <td><FORM name="form3">
<INPUT type="button" value="Location" onclick="window.alert('Полный URL: ' +location.href);">
    </FORM></td>
     <td><FORM name="form4">
<INPUT type="button" value="Screen" 
onclick="window.alert('Глубина цвета: '+ screen.colorDepth+ '<-->Ширина экрана: '+screen.width+ '<-->Высота экрана: '+screen.height);">
    </FORM></td></tr>
   </table>

   <br><br><br><br><br>
   <h1><i>Течения мирового океана</i></h1>
   <table border="1" cellSpacing="0" class="style1" bgcolor="#D3D3D3" bordercolor="87CEFA"><tr><td class="style_p" >
  <p  onmouseover=" this.style.color='green'; 
this.style.fontSize='x-large';"
onmouseout=" this.style.color='black';
this.style.fontSize='medium';">
  Летом 1881 года в Северном Ледовитом океане, к северо-востоку от Новосибирских островов,
     разыгралась трагедия: судно американской полярной экспедиции «Жанетта» было раздавлено льдами и затонуло. Три года спустя, в 1884 году,
     у юго-западных берегов Гренландии было найдено 58 различных предметов, принадлежащих этой экспедиции.</p>
  <p  onmouseover=" this.style.color='red'; 
this.style.fontSize='x-large';"
onmouseout=" this.style.color='black';
this.style.fontSize='medium';">
  Плоды, растущие на Антильских островах, иногда обнаруживаются у берегов Шотландии и даже у берегов Шпицбергена. Пемзу, выброшенную при
     извержении вулкана Кракатау в Зондском проливе в 1883 году, моряки находили через год у берегов Мадагаскара и южной оконечности Африки.</td></tr></table></p>
   <p class="style_p"  onmouseover=" this.style.color='blue';...

CSS

.style_p{margin-left: 20%;margin-right: 20%;line-height: 150%;text-indent:50px;}
    .style1{ bgcolor:#F3D3D3;font-size:12pt;width:900px;margin-left:auto;margin-right:auto;}
    .style2{display: inline;}
    .style3{color:green;font-size:30pt;}
    .style4{color:black;font-size:20pt;}
    h1 {text-align:center;color:green;font-size:20pt;}

JavaScript

$('.control-redtext').click(function(){
  $('.redtext').css({'color' : 'red'})
});