From 4d3aebb7f797c5852879c66137f96186a94d3a7e Mon Sep 17 00:00:00 2001
From: mariorguez <mariorguezari@users.noreply.github.com>
Date: Fri, 1 Nov 2019 19:14:15 +0100
Subject: [PATCH] docs: fix Spanish description mixing inline term (#37273)

The Spanish description became difficult to understand due to unnecessary translations of code words (inline, button, etc.).
The final statement for the challenge was also half translated, when it should remain in English to match the tests.
---
 .../use-a-span-to-target-inline-elements.spanish.md      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.spanish.md b/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.spanish.md
index 34824ba828..a5970daf79 100644
--- a/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.spanish.md
+++ b/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.spanish.md
@@ -7,7 +7,14 @@ localeTitle: Use un lapso para apuntar elementos en línea
 ---
 
 ## Description
-<section id="description"> Puede utilizar intervalos para crear elementos en línea. ¿Recuerdas cuando usamos la clase <code>btn-block</code> para hacer que el botón llene toda la fila? <button class="btn" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">botón normal botón</button> <button class="btn btn-block" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">btn-block</button> Que ilustra la diferencia entre un elemento &quot;en línea&quot; y un elemento &quot;block&quot;. Al utilizar el elemento de <code>span</code> línea, puede colocar varios elementos en la misma línea, e incluso diseñar diferentes partes de la misma línea de manera diferente. Anida la palabra &quot;amor&quot; en el elemento &quot;Cosas que los gatos aman&quot; debajo de un elemento <code>span</code> . Luego, <code>span</code> la clase <code>text-danger</code> para hacer que el texto sea rojo. A continuación le indicamos cómo haría esto con el elemento &quot;Las 3 cosas que los gatos odian más&quot;: <code>&lt;p&gt;Top 3 things cats &lt;span class=&quot;text-danger&quot;&gt;hate:&lt;/span&gt;&lt;/p&gt;</code> </section>
+<section id="description"> Puede utilizar spans para crear elementos en línea. ¿Recuerdas cuando usamos la clase <code>btn-block</code> para hacer que el botón llene toda la fila? 
+  
+```html
+<button class="btn" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">botón normal</button> 
+<button class="btn btn-block" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">botón btn-block</button> 
+```
+
+Esto ilustra la diferencia entre un elemento &quot;inline&quot; y un elemento &quot;block&quot;. Al utilizar el elemento de <code>span</code> inline, puede colocar varios elementos en la misma línea, e incluso diseñar diferentes partes de la misma línea de manera diferente. Anida la palabra &quot;love&quot; en el elemento &quot;Things cats love&quot; dentro de un elemento <code>span</code>. Luego, asigna al <code>span</code> la clase <code>text-danger</code> para hacer que el texto sea rojo. A continuación le indicamos cómo haría esto con el elemento &quot;Top 3 things cats hate&quot;: <code>&lt;p&gt;Top 3 things cats &lt;span class=&quot;text-danger&quot;&gt;hate:&lt;/span&gt;&lt;/p&gt;</code> </section>
 
 ## Instructions
 <section id="instructions">