---
tutorial: "https://www.youtube.com/watch?v=wYWGCLekOCA"
---

# `09` Formatting Text

La forma en que funciona el procesamiento de texto en documentos es bastante estándar, siempre se ve lo mismo: encabezados, texto en negrita, párrafos, citas, etc.

HTML estaba destinado a replicar ese comportamiento. Aquí hay un ejemplo de un documento típico que se puede replicar con él:

![HTML preview](../../.learn/assets/09-formating-text.png?raw=true)

## 📝 Instrucciones:

1. Escribe el código para replicar exactamente la imagen anterior con los mismos estilos usando html puro, usa headings (encabezados), paragraphs (párrafos), blockquote (citas en bloque), ul y li.

## 💡 Pistas:

+ No debes modificar nada de CSS.

+ Para el caso del `<blockquote>`, los estilos están aplicados en el mismo archivo, no debes modificarlos tampoco.

+ Debes agregar la etiqueta `<br />` adentro del `<blockquote>` para agregar un salto de línea.

+ Puedes usar este texto para no tener que escribir todo:

```md
This will be your heading

Then, you start talking about some interesting stuff that nobody wants to read

Then you can quote someone to add credibility:

A quotation is a handy thing to have about, saving one the trouble of thinking

- A.A. Milne, If I May

After all, new generations have these things in common:

+ Don't like to read long texts.
+ Have the attention span of a bird.
+ Skip long paragraphs straight to the bullet points.
```
