8 - Más propiedades relacionadas al texto (letter-spacing, word-spacing, text-indent, text-transform)




Problema:

Definir los elementos de cabecera h1, h2 y h3 con valores decrecientes para las propiedades:

letter-spacing
word-spacing

Luego inicializar la propiedad text-transform para que el texto siempre salga en mayúsculas.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<style>
h1 {
  letter-spacing:8px;
  word-spacing:12px;
}
h2 {
  letter-spacing:4px;
  word-spacing:8px;
}
h3 {
  letter-spacing:2px;
  word-spacing:4px;
}
</style>
</head>
<body>
<h1>este es un título de nivel 1</h1>
<h2>este es un título de nivel 2</h2>
<h3>este es un título de nivel 3</h3>
</body>
</html>
Ver solución


Retornar