Imagem de fundo

Uma página HTML 5 contém o seguinte código dentro da seção...

Uma página HTML 5 contém o seguinte código dentro da seção <body>:

<table>

<tr>

<th>Produto</th>

<th>Marca</th>

<th>Preco</th>

</tr>

<tr>

<td class="str">Notebook</td>

<td class="str">A</td>

<td class="cur">3000,00</td>

</tr>

<tr>

<td class="str">Tablet</td>

<td class="str">B</td>

<td class="cur">2500,00</td>

</tr>

</table>

A página possui regras de estilo CSS associadas, que não estão apresentadas aqui. Esse código produz a seguinte saída no navegador:

Produto

Marca

Preco

Notebook

A

3000,00

Tablet

B

2500,00

Deseja-se alterar a exibição dos valores numéricos da última coluna para que tenham alinhamento à direita, sem, entretanto, alterar o alinhamento de seu título ou de outras colunas. Uma regra de estilo que pode ser adicionada para atingir esse objetivo, desconsiderando eventuais efeitos sobre outros elementos da página fora esta tabela, é:


A

td { text-align: right; }


B

td { horizontal-align: right; }


C

.cur { horizontal-align: right; }


D

.cur { text-align: right; }


E

cur { horizontal-align: right; }