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>
  <meta charset="UTF-8">
<style>
h1 {
  letter-spacing:8px;
  word-spacing:12px;
}
h2 {
  letter-spacing:4px;
  word-spacing:8px;
}
h3 {
  letter-spacing:2px;
  word-spacing:4px;
}
h1, h2, h3 {
  text-transform:uppercase;
}
</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