JSFiddle - React, Tailwind, and code Playground

by WILLIAM CORREA

HTML

<a href="#"><code>Inside an `a` tag</code></a>

<code>Not inside an `a` tag</code>

<table id="pg2" class="landscape" align="CENTER">
<tr><td align="CENTER" colspan="7" class="header"><span class="bold">janeiro/2015</span></td></tr>
<tr>
<td width="480" align="CENTER" class="header"><span class="bold">Empresa</span></td>
<td width="80" align="CENTER" class="header"><span class="bold">Dia</span></td>
<td width="80" align="CENTER" class="header"><span class="bold">Títulos</span></td>
<td width="80" align="CENTER" class="header"><span class="bold">Bruto</span></td>
<td width="80" align="CENTER" class="header"><span class="bold">Líquido</span></td>
<td width="80" align="CENTER" class="header"><span class="bold">Recebido</span></td>
<td width="80" align="CENTER" class="header"><span class="bold">A Receber</span></td>
</tr>
<tr>
<td align="LEFT">FAGOC</td>
<td align="CENTER"><a href="" title="Total de Títulos" target="_blank">01/01/2015</a></td>
<td align="CENTER">4</td>
<td align="RIGHT">802,95</td>
<td align="RIGHT">822,61</td>
<td align="RIGHT">0,00</td>
<td align="RIGHT">822,61</td>
</tr><tr>
<td align="LEFT">FAGOC</td>
<td align="CENTER"><a href="" title="Total de Títulos" target="_blank">01/01/2015</a></td>
<td align="CENTER">4</td>
<td align="RIGHT">802,95</td>
<td align="RIGHT">822,61</td>
<td align="RIGHT">0,00</td>
<td align="RIGHT">822,61</td>
</tr><tr>
<td align="LEFT">FAGOC</td>
<td align="CENTER"><a href="" title="Total de Títulos" target="_blank">01/01/2015</a></td>
<td align="CENTER">4</td>
<td align="RIGHT">802,95</td>
<td align="RIGHT">822,61</td>
<td align="RIGHT">0,00</td>
<td align="RIGHT">822,61</td>
</tr><tr>
<td align="LEFT">FAGOC</td>
<td align="CENTER"><a href="" title="Total de Títulos" target="_blank">01/01/2015</a></td>
<td align="CENTER">4</td>
<td align="RIGHT">802,95</td>
<td align="RIGHT">822,61</td>
<td align="RIGHT">0,00</td>
<td align="RIGHT">822,61</td>
</tr><tr>
<td align="LEFT">FAGOC</td>
<td align="CENTER"><a href="" title="Total...

CSS

body {
  font-family:verdana,arial,helvetica;
  font-size:12px;
  padding: 10px;
}

table {
  border-collapse: collapse;
  font-family: verdana,arial,helvetica;
  font-size: 10px;
}

table td{
  border: 1px solid #d4d4d4;
  padding: 1px;
  padding: 2px 4px 2px 4px;
}

body, html{
  background: #fff !important;
}

.header {
    background: red;
}

td:not(.header) {
    background: yellow !important;
}

code {
    background: yellow;
}

:not(a) > code {
    background: orange;
}