JSFiddle - React, Tailwind, and code Playground

by marina

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">

#titulo{
color: #339999;
font-size:32px;
font-weight:bold;
padding:5px;}

#subtitulo {
color:#0000FF;
font-size:22px;
font-weight:bold;
padding:10px;}

#adicional {
color:#808000;}

#adicional > p {
padding-top:10px;}

#adicional > p > a {
color:#008000;}

#especial {
color:#FF00FF;
}

p > strong {
color:#FF0000;
font-weight:bold;}

.destacado {
color:#FF9900;}

.especial {
color:#FF9900;
border-width:thin;
font-weight:bold;}

span {
color: }
    
p > a{
color: #FF0000;}

table {
border-color:#000000;
border: solid;
border-width:1px;
margin: 10px;
}

em {
color:#0000FF;
font-style:italic;}

caption {
color:#0000FF;
text-align:center;}

td {
color:#008000;
border:solid #000000; border-width:1px;
padding:5px;
}

th {
border:solid #000000; border-width:1px;
padding:5px;
font-weight:bold;
}

td > em {
font-style:italic;
color:#008000;}

td > strong {
color:#FF9900;
font-weight:bold;}

th{
color:#FF0000;}

</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" style="color:#6633CC; font-weight:bold">porttitor purus ac elit</span>. Suspendisse eleifend odio at dui. In in elit sed metus pretium...