No código abaixo utiliza algumas tag, tais como, div, h3, P e A como seletores. Refaça o código alterando para seletores do tipo CLASSE ou ID.
Soluções para a tarefa
Resposta:
<!DOCTYPE html>
<html>
<head>
<style>
#div {
border: 1px solid gray;
padding: 8px;
}
.h3 {
text-align: center;
text-transform: uppercase;
color: #4CAF50;
}
.p {
text-indent: 50px;
text-align: justify;
letter-spacing: 3px;
}
.a {
text-decoration: none;
color: #008CBA;
}
</style>
</head>
<body>
<div id="div">
<h3 class="h3>formatação texto</h3>
<p class="p">Este texto está estilizado usando algumas propriedades
CSS de formatação. O cabeçalho usa as seguinte propriedades:
text-align, text-transform e color. O parágrafo está "identado"
(recuado), alinhado e também foi definido um espaçamento entre
as letras. O sublinhado foi removido desse link colorido
<a class="a" href="#" target="_blank">"Tente você mesmo!"</a>
</p>
</div>
</body>
</html>
Explicação:
A imagem não estava com uma qualidade boa, então da uma relida no código para ver se está tudo batendo com a imagem (cores e etc).
A alteração foi feita tanto no <STYLE> quanto nas próprias TAGs, os nomes das Classes continuaram com os nomes anteriores.
Lembrando, quando você coloca um seletor do tipo Classe: no style tu coloca um "." antes do nome da classe, e dentro da tag você chama como class="nome".
Quando é um ID você coloca um "#" antes do nome do id, e dentro da tag você chama como id="nome".