---
{
  "title": "Bloques de código",
  "intro": "Conserva los espacios y saltos de línea del código o de cualquier otro texto preformateado."
}
---

Los bloques de código muestran el código en un formato legible y conservan los espacios y saltos de línea. Son útiles para código, salidas de terminal, fórmulas y cualquier texto cuyo espaciado sea importante.

# Crear un bloque de código

{% steps %}
1. Empieza en una viñeta vacía
2. Escribe tres acentos graves
3. Escribe o pega el contenido
4. Presiona Enter tres veces para salir del bloque de código
{% /steps %}

{% kb_image src="/media/webflow/code-block.gif" alt="" %}{% /kb_image %}

**Comando slash:** también puedes ejecutar `/code block` o elegir **Code block** en el menú del elemento.

**Operador de búsqueda:** usa `is:code-block` para buscar bloques de código y el texto que contienen.

# Convertir varias viñetas

Al convertir varias viñetas en un solo bloque de código, su contenido se combina con saltos de línea. Si vuelves a convertir el bloque en viñetas, las líneas se separan de nuevo.

Para dar formato de código dentro de una línea de texto, consulta [Formato de texto](/help/es/text-block-formats).