JSFiddle - React, Tailwind, and code Playground

by Carlosp2pumx

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejercicio de selectores</title>
<style type="text/css">
 h1{ 
    color: #336666;
    font-size:2.7em;
    padding:0.5em 0 0; 
}
 p strong {
    color: #cc3333;
}
p span.destacado{
    color: #ff9933;
}
h2{
    color: #0033ff;
    font-size:2.2em;
    padding:0.5em 0 0;
}
p a {
    color: #ff0000;
}
p em{
    color: #0066ff;
}
caption{
    color: #0033ff 
}

table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}

 th.especial{
    color: #ff9933;
}
th{
    color: #ff0000;
}
td{
    color: #009966;
}
td strong{
    color: #ff9933;
}
#adicional {
    color:#999933;
}
#especiald{
    color: #ff00ff;
}
#adicional a{
    color: #009966;
}
</style>
</head>
 
<body>
<h1 id="titulo">Lorem ipsum dolor sit amet</h1>
 
<p>Nulla pretium. Sed tempus nunc vitae neque. <strong>Suspendisse gravida</strong>, metus a scelerisque sollicitudin, lacus velit 
ultricies nisl, nonummy tempus neque diam quis felis. <span class="destacado">Etiam sagittis tortor</span> sed arcu sagittis tristique.</p>
 
<h2 id="subtitulo">Aliquam tincidunt, sem eget volutpat porta</h2>
 
<p>Vivamus velit dui, placerat vel, feugiat in, ornare et, urna.  <a href="#">Aenean turpis metus, <em>aliquam non</em>, tristique in</a>, pretium varius, sapien. Proin vitae nisi.  Suspendisse <span class="especial">porttitor purus ac elit</span>. Suspendisse eleifend odio at dui. In in elit sed metus pretium elementum.</p>
 
<table summary="Descripción de la tabla y su contenido">
<caption>Título de la tabla</caption>
<thead>
  <tr>
    <th scope="col"></th>
    <th scope="col" class="especial">Título columna 1</th>
    <th scope="col" class="especial">Título columna 2</th>
  </tr>
</thead>
 
<tfoot>
  <tr>
    <th scope="col"></th>
    <th...