Cómo insertar líneas horizontales con Markdown

En este tutorial aprenderás a insertar líneas horizontales usando Markdown

Las líneas horizontales son un recurso muy práctico para separar visualmente secciones dentro de un documento. En Markdown puedes crearlas de forma muy sencilla y existen varias formas de hacerlo.

Inserta líneas horizontales con Markdown

Para insertar una línea horizontal, escribe tres o más asteriscos ***, guiones --- o guiones bajos ___ en una línea separada. Es importante que dejes una línea en blanco antes y después.

En el siguiente ejemplo insertamos una línea horizontal con cada una de las tres variantes:

Contenido de la primera sección.

***

Contenido de la segunda sección.

---

Contenido de la tercera sección.

___

Contenido de la cuarta sección.

Las tres variantes producen el mismo resultado. El código Markdown anterior debería renderizarse así:

Contenido de la primera sección.


Contenido de la segunda sección.


Contenido de la tercera sección.


Contenido de la cuarta sección.

Variaciones en la sintaxis

No es necesario que los caracteres estén pegados. Puedes añadir espacios entre ellos y el resultado será el mismo:

* * *

- - -

_ _ _

Las tres líneas anteriores producirán una línea horizontal idéntica. Eso sí, recuerda que siempre debes usar un mínimo de tres caracteres.

Un consejo importante

Ten cuidado al usar tres guiones --- justo debajo de una línea de texto, ya que Markdown lo interpretará como un encabezado de nivel 2 en lugar de una línea horizontal. Para evitarlo, asegúrate de dejar siempre una línea en blanco antes de los guiones.

Esto ha sido todo. Espero que te haya sido útil.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.

para estar al día con mi contenido. 😊