JSFiddle - React, Tailwind, and code Playground

by gual

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=iso-8859-1" /><title>Ejercicio de selectores</title>

<style type="text/css">/*Escribir aqui los estilos de la tarea */
#primero p
    {
    color:#336699;
    }
#primero em  
    {
    Background-color: #FFFFCC;
    padding: .1em;
    }
em.especial  
    {
    Background-color: #FFCC99;
    padding: .1em;
    border-style:solid;
    border-width:1px;
    border-color:#FF9900;
    }
.normal span
    {
    font-weight:bold;
    }
body 
    {
    font-size: 1em/1.3;
    font-family: Arial,Helvetica,sans-serif;
    color:#555;
    }
a 
    {
    color:#CC3300;
    }    
  
</style></head>
<body>
<div id="primero"><p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>. Praesent blandit nibh at felis. Sed nec diam in dolor vestibulum aliquet. Duis ullamcorper, nisi non facilisis molestie, <em>lorem sem aliquam nulla</em>, id lacinia velit mi vestibulum enim.</p></div>
<div class="normal"><p>Phasellus eu velit sed lorem sodales egestas. Ut feugiat. <span><a href="#">Donec porttitor</a>, magna eu varius luctus,</span> metus massa tristique massa, in imperdiet est velit vel magna. Phasellus erat. Duis risus. <a href="#">Maecenas dictum</a>, nibh vitae pellentesque auctor, tellus velit consectetuer tellus, tempor pretium felis tellus at metus.</p>
<p>Cum sociis natoque <em class="especial">penatibus et magnis</em> dis parturient montes, nascetur ridiculus mus. Proin aliquam convallis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc aliquet. Sed eu metus. Duis justo.</p>
<p>Donec facilisis blandit velit. Vestibulum nisi. Proin volutpat, <em class="especial">enim id iaculis congue</em>, orci justo ultrices tortor, <a href="#">quis lacinia eros libero in eros</a>. Sed...