remove pre for CSSSyntaxd (#175)

``` s/<pre.*>(\{\{csssyntax($.*$)?\}\})\n?</pre>/$1/g ```
author: Florian Dieminger <me@fiji-flo.de> 2021-03-15 18:56:01 +0100
committer: GitHub <noreply@github.com> 2021-03-15 18:56:01 +0100
commit: 1bbb4d9683edd28fc947b17804e5b882184ecfcb (patch)
tree: 032aa6be1de60c220df8cf308806e05532f58aec /files/es
parent: 8140842a1b9d12c52c2b5db11352e4f5d91058d7 (diff)
download: translated-content-1bbb4d9683edd28fc947b17804e5b882184ecfcb.tar.gz
translated-content-1bbb4d9683edd28fc947b17804e5b882184ecfcb.tar.bz2
translated-content-1bbb4d9683edd28fc947b17804e5b882184ecfcb.zip
252 files changed, 252 insertions, 285 deletions
diff --git a/files/es/conflicting/web/css/@viewport/index.html b/files/es/conflicting/web/css/@viewport/index.html
index 613ae5a285..ee1ddb6a65 100644
--- a/files/es/conflicting/web/css/@viewport/index.html
+++ b/files/es/conflicting/web/css/@viewport/index.html
@@ -42,8 +42,7 @@ height: 320px 200px;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/conflicting/web/css/@viewport_c925ec0506b352ea1185248b874f7848/index.html b/files/es/conflicting/web/css/@viewport_c925ec0506b352ea1185248b874f7848/index.html
index 1c89eeec84..87d024b474 100644
--- a/files/es/conflicting/web/css/@viewport_c925ec0506b352ea1185248b874f7848/index.html
+++ b/files/es/conflicting/web/css/@viewport_c925ec0506b352ea1185248b874f7848/index.html
@@ -44,7 +44,7 @@ original_slug: Web/CSS/@viewport/width
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Specifications" name="Specifications">Especificaciones</h2>
 
diff --git a/files/es/orphaned/mdn/contribute/howto/document_a_css_property/property_template/index.html b/files/es/orphaned/mdn/contribute/howto/document_a_css_property/property_template/index.html
index dc49696e81..0c3f4e45c9 100644
--- a/files/es/orphaned/mdn/contribute/howto/document_a_css_property/property_template/index.html
+++ b/files/es/orphaned/mdn/contribute/howto/document_a_css_property/property_template/index.html
@@ -59,7 +59,7 @@ property: unset;
 
 <p><em>La sintaxis formal debe ser tomada de la especificación y agregarse a la plantilla de 'CSSData'. Es una herramienta importante para obtener información precisa de la sintaxis para los usuarios avanzados.</em></p>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/--_star_/index.html b/files/es/web/css/--_star_/index.html
index 06106e8c7d..8bf21571e7 100644
--- a/files/es/web/css/--_star_/index.html
+++ b/files/es/web/css/--_star_/index.html
@@ -29,7 +29,7 @@ translation_of: Web/CSS/--*
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/-moz-context-properties/index.html b/files/es/web/css/-moz-context-properties/index.html
index 2a9f0d3137..b53ec9de05 100644
--- a/files/es/web/css/-moz-context-properties/index.html
+++ b/files/es/web/css/-moz-context-properties/index.html
@@ -40,7 +40,7 @@ translation_of: Web/CSS/-moz-context-properties
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/-moz-float-edge/index.html b/files/es/web/css/-moz-float-edge/index.html
index 9454e77fc9..c2166013d9 100644
--- a/files/es/web/css/-moz-float-edge/index.html
+++ b/files/es/web/css/-moz-float-edge/index.html
@@ -46,7 +46,7 @@ translation_of: Web/CSS/-moz-float-edge
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example" name="Example"> </h2>
 
diff --git a/files/es/web/css/-moz-image-region/index.html b/files/es/web/css/-moz-image-region/index.html
index 4b8ff97c95..143267cb88 100644
--- a/files/es/web/css/-moz-image-region/index.html
+++ b/files/es/web/css/-moz-image-region/index.html
@@ -22,7 +22,7 @@ translation_of: Web/CSS/-moz-image-region
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-moz-orient/index.html b/files/es/web/css/-moz-orient/index.html
index 171a8e47ef..4949125e54 100644
--- a/files/es/web/css/-moz-orient/index.html
+++ b/files/es/web/css/-moz-orient/index.html
@@ -11,7 +11,7 @@ translation_of: Web/CSS/-moz-orient
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h3 id="Valores">Valores</h3>
 
diff --git a/files/es/web/css/-moz-outline-radius/index.html b/files/es/web/css/-moz-outline-radius/index.html
index 01370818bb..ae4b3771e2 100644
--- a/files/es/web/css/-moz-outline-radius/index.html
+++ b/files/es/web/css/-moz-outline-radius/index.html
@@ -59,7 +59,7 @@ translation_of: Web/CSS/-moz-outline-radius
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/-moz-user-focus/index.html b/files/es/web/css/-moz-user-focus/index.html
index f945c3e64b..dc938a2aa1 100644
--- a/files/es/web/css/-moz-user-focus/index.html
+++ b/files/es/web/css/-moz-user-focus/index.html
@@ -54,7 +54,7 @@ translation_of: Web/CSS/-moz-user-focus
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/-moz-user-input/index.html b/files/es/web/css/-moz-user-input/index.html
index f94b13f1b3..ab8f2ad1a1 100644
--- a/files/es/web/css/-moz-user-input/index.html
+++ b/files/es/web/css/-moz-user-input/index.html
@@ -45,7 +45,7 @@ translation_of: Web/CSS/-moz-user-input
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-webkit-border-before/index.html b/files/es/web/css/-webkit-border-before/index.html
index 444337ac10..d72fd4137a 100644
--- a/files/es/web/css/-webkit-border-before/index.html
+++ b/files/es/web/css/-webkit-border-before/index.html
@@ -48,7 +48,7 @@ translation_of: Web/CSS/-webkit-border-before
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/-webkit-box-reflect/index.html b/files/es/web/css/-webkit-box-reflect/index.html
index ca3fde311e..c0abd93ab4 100644
--- a/files/es/web/css/-webkit-box-reflect/index.html
+++ b/files/es/web/css/-webkit-box-reflect/index.html
@@ -51,7 +51,7 @@ translation_of: Web/CSS/-webkit-box-reflect
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/-webkit-mask-attachment/index.html b/files/es/web/css/-webkit-mask-attachment/index.html
index 50309f5376..3e393cda8a 100644
--- a/files/es/web/css/-webkit-mask-attachment/index.html
+++ b/files/es/web/css/-webkit-mask-attachment/index.html
@@ -18,8 +18,7 @@ translation_of: Web/CSS/-webkit-mask-attachment
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Valores">Valores</h2>
 
diff --git a/files/es/web/css/-webkit-mask-position-x/index.html b/files/es/web/css/-webkit-mask-position-x/index.html
index a2d712e337..1d477e4793 100644
--- a/files/es/web/css/-webkit-mask-position-x/index.html
+++ b/files/es/web/css/-webkit-mask-position-x/index.html
@@ -58,7 +58,7 @@ translation_of: Web/CSS/-webkit-mask-position-x
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-webkit-mask-position-y/index.html b/files/es/web/css/-webkit-mask-position-y/index.html
index e68f3ac8e8..975bd0e69e 100644
--- a/files/es/web/css/-webkit-mask-position-y/index.html
+++ b/files/es/web/css/-webkit-mask-position-y/index.html
@@ -58,7 +58,7 @@ translation_of: Web/CSS/-webkit-mask-position-y
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-webkit-mask-repeat-x/index.html b/files/es/web/css/-webkit-mask-repeat-x/index.html
index 5395782abd..10c4940d3d 100644
--- a/files/es/web/css/-webkit-mask-repeat-x/index.html
+++ b/files/es/web/css/-webkit-mask-repeat-x/index.html
@@ -51,8 +51,7 @@ translation_of: Web/CSS/-webkit-mask-repeat-x
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-webkit-mask-repeat-y/index.html b/files/es/web/css/-webkit-mask-repeat-y/index.html
index 23f989db45..376c044884 100644
--- a/files/es/web/css/-webkit-mask-repeat-y/index.html
+++ b/files/es/web/css/-webkit-mask-repeat-y/index.html
@@ -52,8 +52,7 @@ translation_of: Web/CSS/-webkit-mask-repeat-y
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-webkit-overflow-scrolling/index.html b/files/es/web/css/-webkit-overflow-scrolling/index.html
index 61d96b749d..b244d673a4 100644
--- a/files/es/web/css/-webkit-overflow-scrolling/index.html
+++ b/files/es/web/css/-webkit-overflow-scrolling/index.html
@@ -25,7 +25,7 @@ translation_of: Web/CSS/-webkit-overflow-scrolling
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/-webkit-tap-highlight-color/index.html b/files/es/web/css/-webkit-tap-highlight-color/index.html
index 065b35dac9..90b2384ad2 100644
--- a/files/es/web/css/-webkit-tap-highlight-color/index.html
+++ b/files/es/web/css/-webkit-tap-highlight-color/index.html
@@ -32,7 +32,7 @@ translation_of: Web/CSS/-webkit-tap-highlight-color
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/-webkit-text-stroke-color/index.html b/files/es/web/css/-webkit-text-stroke-color/index.html
index ef5119cb4e..664434fc69 100644
--- a/files/es/web/css/-webkit-text-stroke-color/index.html
+++ b/files/es/web/css/-webkit-text-stroke-color/index.html
@@ -37,7 +37,7 @@ translation_of: Web/CSS/-webkit-text-stroke-color
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/-webkit-text-stroke-width/index.html b/files/es/web/css/-webkit-text-stroke-width/index.html
index 797dbea3f4..45b8abd6b7 100644
--- a/files/es/web/css/-webkit-text-stroke-width/index.html
+++ b/files/es/web/css/-webkit-text-stroke-width/index.html
@@ -30,7 +30,7 @@ translation_of: Web/CSS/-webkit-text-stroke-width
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/-webkit-text-stroke/index.html b/files/es/web/css/-webkit-text-stroke/index.html
index d9c1e26ae6..6ce9db3814 100644
--- a/files/es/web/css/-webkit-text-stroke/index.html
+++ b/files/es/web/css/-webkit-text-stroke/index.html
@@ -38,7 +38,7 @@ translation_of: Web/CSS/-webkit-text-stroke
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/-webkit-touch-callout/index.html b/files/es/web/css/-webkit-touch-callout/index.html
index dbb8e830e7..35c853a5d0 100644
--- a/files/es/web/css/-webkit-touch-callout/index.html
+++ b/files/es/web/css/-webkit-touch-callout/index.html
@@ -38,7 +38,7 @@ translation_of: Web/CSS/-webkit-touch-callout
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example">Example</h2>
 
diff --git a/files/es/web/css/@charset/index.html b/files/es/web/css/@charset/index.html
index c45a05f3e8..9f22003889 100644
--- a/files/es/web/css/@charset/index.html
+++ b/files/es/web/css/@charset/index.html
@@ -38,8 +38,7 @@ translation_of: Web/CSS/@charset
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/@counter-style/additive-symbols/index.html b/files/es/web/css/@counter-style/additive-symbols/index.html
index 9c91ff7f39..8827c64bc3 100644
--- a/files/es/web/css/@counter-style/additive-symbols/index.html
+++ b/files/es/web/css/@counter-style/additive-symbols/index.html
@@ -24,7 +24,7 @@ additive-symbols: 3 "0", 2 url(symbol.png);
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example" name="Example">Ejemplo</h2>
 
diff --git a/files/es/web/css/@counter-style/index.html b/files/es/web/css/@counter-style/index.html
index 557c5b42a9..19f3121c79 100644
--- a/files/es/web/css/@counter-style/index.html
+++ b/files/es/web/css/@counter-style/index.html
@@ -86,8 +86,7 @@ translation_of: Web/CSS/@counter-style
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/@counter-style/symbols/index.html b/files/es/web/css/@counter-style/symbols/index.html
index 8a81c04645..d574639c0f 100644
--- a/files/es/web/css/@counter-style/symbols/index.html
+++ b/files/es/web/css/@counter-style/symbols/index.html
@@ -38,7 +38,7 @@ symbols: indic-numbers;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/@document/index.html b/files/es/web/css/@document/index.html
index 250b5342c7..8c1ead6ac3 100644
--- a/files/es/web/css/@document/index.html
+++ b/files/es/web/css/@document/index.html
@@ -40,7 +40,7 @@ translation_of: Web/CSS/@document
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example">Example</h2>
 
diff --git a/files/es/web/css/@font-face/font-display/index.html b/files/es/web/css/@font-face/font-display/index.html
index f6dcaf0c03..cfc90cb7b7 100644
--- a/files/es/web/css/@font-face/font-display/index.html
+++ b/files/es/web/css/@font-face/font-display/index.html
@@ -57,7 +57,7 @@ font-display: optional;</pre>
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/@font-face/font-family/index.html b/files/es/web/css/@font-face/font-family/index.html
index 1069ff05a8..47f3db234c 100644
--- a/files/es/web/css/@font-face/font-family/index.html
+++ b/files/es/web/css/@font-face/font-family/index.html
@@ -58,7 +58,7 @@ translation_of: Web/CSS/@font-face/font-family
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/@font-face/font-style/index.html b/files/es/web/css/@font-face/font-style/index.html
index 5b812c2d63..df8926a508 100644
--- a/files/es/web/css/@font-face/font-style/index.html
+++ b/files/es/web/css/@font-face/font-style/index.html
@@ -38,7 +38,7 @@ font-style: oblique;</pre>
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/@font-face/src/index.html b/files/es/web/css/@font-face/src/index.html
index a9627ebf9b..6350f73c32 100644
--- a/files/es/web/css/@font-face/src/index.html
+++ b/files/es/web/css/@font-face/src/index.html
@@ -48,7 +48,7 @@ src: local(font), url(path/to/font.svg) format("svg"),
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/@font-feature-values/index.html b/files/es/web/css/@font-feature-values/index.html
index 7966f7433e..5dd9028553 100644
--- a/files/es/web/css/@font-feature-values/index.html
+++ b/files/es/web/css/@font-feature-values/index.html
@@ -54,7 +54,7 @@ translation_of: Web/CSS/@font-feature-values
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/@media/index.html b/files/es/web/css/@media/index.html
index 05e5f6ec5a..bca7ee1276 100644
--- a/files/es/web/css/@media/index.html
+++ b/files/es/web/css/@media/index.html
@@ -13,7 +13,7 @@ translation_of: Web/CSS/@media
 
 <h2 id="Syntax" name="Syntax">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <p>Un <code>&lt;media-query&gt;</code> está compuesto por un tipo de medio opcional y/o un conjunto de características de medio.</p>
 
diff --git a/files/es/web/css/@namespace/index.html b/files/es/web/css/@namespace/index.html
index ef48776311..8bed96f1d8 100644
--- a/files/es/web/css/@namespace/index.html
+++ b/files/es/web/css/@namespace/index.html
@@ -43,7 +43,7 @@ svg|a {}
 
 <h3 id="Sintaxis_oficial">Sintaxis oficial</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/@page/index.html b/files/es/web/css/@page/index.html
index b13d0eddf7..83a7d51285 100644
--- a/files/es/web/css/@page/index.html
+++ b/files/es/web/css/@page/index.html
@@ -34,7 +34,7 @@ translation_of: Web/CSS/@page
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/@supports/index.html b/files/es/web/css/@supports/index.html
index 4d07fc1afe..a9aa30778a 100644
--- a/files/es/web/css/@supports/index.html
+++ b/files/es/web/css/@supports/index.html
@@ -80,7 +80,7 @@ translation_of: Web/CSS/@supports
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/@viewport/index.html b/files/es/web/css/@viewport/index.html
index f03aaee77b..7e55775592 100644
--- a/files/es/web/css/@viewport/index.html
+++ b/files/es/web/css/@viewport/index.html
@@ -53,7 +53,7 @@ translation_of: Web/CSS/@viewport
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/_colon_active/index.html b/files/es/web/css/_colon_active/index.html
index 7dc6934848..db5b586858 100644
--- a/files/es/web/css/_colon_active/index.html
+++ b/files/es/web/css/_colon_active/index.html
@@ -24,7 +24,7 @@ a:active {
 
 <h2 class="editable" id="Sintaxis">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 class="editable" id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_any-link/index.html b/files/es/web/css/_colon_any-link/index.html
index 00c8a94bda..d1d907eddb 100644
--- a/files/es/web/css/_colon_any-link/index.html
+++ b/files/es/web/css/_colon_any-link/index.html
@@ -24,8 +24,7 @@ translation_of: 'Web/CSS/:any-link'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_blank/index.html b/files/es/web/css/_colon_blank/index.html
index 8545c5ce04..ebdeac8e27 100644
--- a/files/es/web/css/_colon_blank/index.html
+++ b/files/es/web/css/_colon_blank/index.html
@@ -20,7 +20,7 @@ translation_of: 'Web/CSS/:blank'
 
 <h2 id="Sintáxis">Sintáxis</h2>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/_colon_checked/index.html b/files/es/web/css/_colon_checked/index.html
index fd5bb8e13c..eef993b32c 100644
--- a/files/es/web/css/_colon_checked/index.html
+++ b/files/es/web/css/_colon_checked/index.html
@@ -27,7 +27,7 @@ translation_of: 'Web/CSS/:checked'
 
 <h2 id="Syntax" name="Syntax">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_default/index.html b/files/es/web/css/_colon_default/index.html
index e46989a6b0..6ad1bac351 100644
--- a/files/es/web/css/_colon_default/index.html
+++ b/files/es/web/css/_colon_default/index.html
@@ -24,7 +24,7 @@ input:default {
 
 <h2 id="Sintaxis" name="Sintaxis">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_defined/index.html b/files/es/web/css/_colon_defined/index.html
index 8e5921184f..118a85b018 100644
--- a/files/es/web/css/_colon_defined/index.html
+++ b/files/es/web/css/_colon_defined/index.html
@@ -26,7 +26,7 @@ simple-custom:defined {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_dir/index.html b/files/es/web/css/_colon_dir/index.html
index b39c21888a..88a2186ea1 100644
--- a/files/es/web/css/_colon_dir/index.html
+++ b/files/es/web/css/_colon_dir/index.html
@@ -41,8 +41,7 @@ translation_of: 'Web/CSS/:dir'
  <dt>
  <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
- <pre>{{csssyntax}}
-</pre>
+ {{csssyntax}}
  </dt>
 </dl>
 
diff --git a/files/es/web/css/_colon_disabled/index.html b/files/es/web/css/_colon_disabled/index.html
index ce16ddb96e..c7d0d6eb0c 100644
--- a/files/es/web/css/_colon_disabled/index.html
+++ b/files/es/web/css/_colon_disabled/index.html
@@ -20,7 +20,7 @@ input:disabled {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_empty/index.html b/files/es/web/css/_colon_empty/index.html
index d86e01d306..e78a3e909f 100644
--- a/files/es/web/css/_colon_empty/index.html
+++ b/files/es/web/css/_colon_empty/index.html
@@ -26,7 +26,7 @@ div:empty {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_enabled/index.html b/files/es/web/css/_colon_enabled/index.html
index c91360c9ab..66b5b8c2cb 100644
--- a/files/es/web/css/_colon_enabled/index.html
+++ b/files/es/web/css/_colon_enabled/index.html
@@ -20,7 +20,7 @@ input:enabled {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_first-child/index.html b/files/es/web/css/_colon_first-child/index.html
index 225aa2ffa5..f7f05287ff 100644
--- a/files/es/web/css/_colon_first-child/index.html
+++ b/files/es/web/css/_colon_first-child/index.html
@@ -25,8 +25,7 @@ p:first-child {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_first-of-type/index.html b/files/es/web/css/_colon_first-of-type/index.html
index d219d9cd70..4e3cbf5dbe 100644
--- a/files/es/web/css/_colon_first-of-type/index.html
+++ b/files/es/web/css/_colon_first-of-type/index.html
@@ -25,8 +25,7 @@ p:first-of-type {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_first/index.html b/files/es/web/css/_colon_first/index.html
index 2f02c35bd7..cc0b936342 100644
--- a/files/es/web/css/_colon_first/index.html
+++ b/files/es/web/css/_colon_first/index.html
@@ -26,7 +26,7 @@ translation_of: 'Web/CSS/:first'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_focus-visible/index.html b/files/es/web/css/_colon_focus-visible/index.html
index 53212edeac..b82abfde9e 100644
--- a/files/es/web/css/_colon_focus-visible/index.html
+++ b/files/es/web/css/_colon_focus-visible/index.html
@@ -13,7 +13,7 @@ translation_of: 'Web/CSS/:focus-visible'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_focus-within/index.html b/files/es/web/css/_colon_focus-within/index.html
index 5628c3b8bc..0cd7804240 100644
--- a/files/es/web/css/_colon_focus-within/index.html
+++ b/files/es/web/css/_colon_focus-within/index.html
@@ -22,7 +22,7 @@ div:focus-within {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_focus/index.html b/files/es/web/css/_colon_focus/index.html
index 5e1ecbe49f..6bf899100e 100644
--- a/files/es/web/css/_colon_focus/index.html
+++ b/files/es/web/css/_colon_focus/index.html
@@ -24,7 +24,7 @@ input:focus {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_fullscreen/index.html b/files/es/web/css/_colon_fullscreen/index.html
index d86528d5d8..a21d311ae4 100644
--- a/files/es/web/css/_colon_fullscreen/index.html
+++ b/files/es/web/css/_colon_fullscreen/index.html
@@ -34,7 +34,7 @@ div:fullscreen {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_host/index.html b/files/es/web/css/_colon_host/index.html
index dca8c822d4..48e1ecf4ba 100644
--- a/files/es/web/css/_colon_host/index.html
+++ b/files/es/web/css/_colon_host/index.html
@@ -26,7 +26,7 @@ translation_of: 'Web/CSS/:host'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_hover/index.html b/files/es/web/css/_colon_hover/index.html
index 65b6202f03..0c7eec5d82 100644
--- a/files/es/web/css/_colon_hover/index.html
+++ b/files/es/web/css/_colon_hover/index.html
@@ -24,7 +24,7 @@ a:hover {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_in-range/index.html b/files/es/web/css/_colon_in-range/index.html
index 95cee43d30..fd728217a4 100644
--- a/files/es/web/css/_colon_in-range/index.html
+++ b/files/es/web/css/_colon_in-range/index.html
@@ -24,7 +24,7 @@ input:in-range {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_indeterminate/index.html b/files/es/web/css/_colon_indeterminate/index.html
index ff56f97c85..2baf59f498 100644
--- a/files/es/web/css/_colon_indeterminate/index.html
+++ b/files/es/web/css/_colon_indeterminate/index.html
@@ -28,7 +28,7 @@ input:indeterminate {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_invalid/index.html b/files/es/web/css/_colon_invalid/index.html
index a357717a25..c51443617d 100644
--- a/files/es/web/css/_colon_invalid/index.html
+++ b/files/es/web/css/_colon_invalid/index.html
@@ -22,7 +22,7 @@ input:invalid {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_is/index.html b/files/es/web/css/_colon_is/index.html
index 0678d86dd3..b9a03f28be 100644
--- a/files/es/web/css/_colon_is/index.html
+++ b/files/es/web/css/_colon_is/index.html
@@ -20,7 +20,7 @@ original_slug: Web/CSS/:any
 
 <h2 id="Syntax" name="Syntax">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h3 id="Values" name="Values">Valores</h3>
 
diff --git a/files/es/web/css/_colon_lang/index.html b/files/es/web/css/_colon_lang/index.html
index 46bfc7609e..708a9d4c41 100644
--- a/files/es/web/css/_colon_lang/index.html
+++ b/files/es/web/css/_colon_lang/index.html
@@ -24,7 +24,7 @@ p:lang(en) {
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h3 id="Parámetro">Parámetro</h3>
 
diff --git a/files/es/web/css/_colon_last-child/index.html b/files/es/web/css/_colon_last-child/index.html
index 309a8b4b38..555795c0b4 100644
--- a/files/es/web/css/_colon_last-child/index.html
+++ b/files/es/web/css/_colon_last-child/index.html
@@ -25,7 +25,7 @@ p:last-child {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_last-of-type/index.html b/files/es/web/css/_colon_last-of-type/index.html
index 3058cd668f..5c7b932d2f 100644
--- a/files/es/web/css/_colon_last-of-type/index.html
+++ b/files/es/web/css/_colon_last-of-type/index.html
@@ -25,8 +25,7 @@ p:last-of-type {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_left/index.html b/files/es/web/css/_colon_left/index.html
index 33a66ad6d3..917adb3d08 100644
--- a/files/es/web/css/_colon_left/index.html
+++ b/files/es/web/css/_colon_left/index.html
@@ -27,7 +27,7 @@ translation_of: 'Web/CSS/:left'
 
 <h2 id="Sintaxis">Sintaxis </h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_link/index.html b/files/es/web/css/_colon_link/index.html
index 7859239d9e..5fe0add0f5 100644
--- a/files/es/web/css/_colon_link/index.html
+++ b/files/es/web/css/_colon_link/index.html
@@ -26,7 +26,7 @@ a:link {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_not/index.html b/files/es/web/css/_colon_not/index.html
index 62142324c8..3aec64f7f3 100644
--- a/files/es/web/css/_colon_not/index.html
+++ b/files/es/web/css/_colon_not/index.html
@@ -38,7 +38,7 @@ original_slug: Web/CSS/:not()
 <p>La capacidad de enumerar más de un selector es experimental y aún no es ampliamente compatible.</p>
 </div>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_nth-child/index.html b/files/es/web/css/_colon_nth-child/index.html
index 19e024c8ff..2d56225e27 100644
--- a/files/es/web/css/_colon_nth-child/index.html
+++ b/files/es/web/css/_colon_nth-child/index.html
@@ -42,8 +42,7 @@ translation_of: 'Web/CSS/:nth-child'
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_nth-last-child/index.html b/files/es/web/css/_colon_nth-last-child/index.html
index daf0b8a50b..f6e73bf665 100644
--- a/files/es/web/css/_colon_nth-last-child/index.html
+++ b/files/es/web/css/_colon_nth-last-child/index.html
@@ -46,8 +46,7 @@ translation_of: 'Web/CSS/:nth-last-child'
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_nth-last-of-type/index.html b/files/es/web/css/_colon_nth-last-of-type/index.html
index 6699c2520d..9bde621122 100644
--- a/files/es/web/css/_colon_nth-last-of-type/index.html
+++ b/files/es/web/css/_colon_nth-last-of-type/index.html
@@ -32,8 +32,7 @@ p:nth-last-of-type(4n) {
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_nth-of-type/index.html b/files/es/web/css/_colon_nth-of-type/index.html
index ad133d3584..bfddc7ff96 100644
--- a/files/es/web/css/_colon_nth-of-type/index.html
+++ b/files/es/web/css/_colon_nth-of-type/index.html
@@ -27,8 +27,7 @@ p:nth-of-type(4n) {
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_only-child/index.html b/files/es/web/css/_colon_only-child/index.html
index c11051748e..a293d2a933 100644
--- a/files/es/web/css/_colon_only-child/index.html
+++ b/files/es/web/css/_colon_only-child/index.html
@@ -25,8 +25,7 @@ p:only-child {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_only-of-type/index.html b/files/es/web/css/_colon_only-of-type/index.html
index 36d26b5fea..8659bd234a 100644
--- a/files/es/web/css/_colon_only-of-type/index.html
+++ b/files/es/web/css/_colon_only-of-type/index.html
@@ -25,8 +25,7 @@ p:only-of-type {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_optional/index.html b/files/es/web/css/_colon_optional/index.html
index 2efdc61674..e31e179dc1 100644
--- a/files/es/web/css/_colon_optional/index.html
+++ b/files/es/web/css/_colon_optional/index.html
@@ -26,7 +26,7 @@ input:optional {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_out-of-range/index.html b/files/es/web/css/_colon_out-of-range/index.html
index 2ed8e84372..4311fcb563 100644
--- a/files/es/web/css/_colon_out-of-range/index.html
+++ b/files/es/web/css/_colon_out-of-range/index.html
@@ -25,7 +25,7 @@ input:out-of-range {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_placeholder-shown/index.html b/files/es/web/css/_colon_placeholder-shown/index.html
index 9a113639b6..ba86cd1ca4 100644
--- a/files/es/web/css/_colon_placeholder-shown/index.html
+++ b/files/es/web/css/_colon_placeholder-shown/index.html
@@ -19,7 +19,7 @@ translation_of: 'Web/CSS/:placeholder-shown'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_read-write/index.html b/files/es/web/css/_colon_read-write/index.html
index 404b97ce79..2aa5156fc2 100644
--- a/files/es/web/css/_colon_read-write/index.html
+++ b/files/es/web/css/_colon_read-write/index.html
@@ -30,7 +30,7 @@ input:read-write {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_required/index.html b/files/es/web/css/_colon_required/index.html
index 2dd6458012..ad4f8f89b0 100644
--- a/files/es/web/css/_colon_required/index.html
+++ b/files/es/web/css/_colon_required/index.html
@@ -26,7 +26,7 @@ input:required {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_right/index.html b/files/es/web/css/_colon_right/index.html
index 97490676a3..4bcab3f717 100644
--- a/files/es/web/css/_colon_right/index.html
+++ b/files/es/web/css/_colon_right/index.html
@@ -27,7 +27,7 @@ translation_of: 'Web/CSS/:right'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_root/index.html b/files/es/web/css/_colon_root/index.html
index 5c5bc5e192..fbbe6163a7 100644
--- a/files/es/web/css/_colon_root/index.html
+++ b/files/es/web/css/_colon_root/index.html
@@ -21,7 +21,7 @@ translation_of: 'Web/CSS/:root'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_colon_target/index.html b/files/es/web/css/_colon_target/index.html
index bb426f225d..ddfe33c33f 100644
--- a/files/es/web/css/_colon_target/index.html
+++ b/files/es/web/css/_colon_target/index.html
@@ -28,7 +28,7 @@ translation_of: 'Web/CSS/:target'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_valid/index.html b/files/es/web/css/_colon_valid/index.html
index 047421e43a..099d44a080 100644
--- a/files/es/web/css/_colon_valid/index.html
+++ b/files/es/web/css/_colon_valid/index.html
@@ -22,7 +22,7 @@ input:valid {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_colon_visited/index.html b/files/es/web/css/_colon_visited/index.html
index 3fa81d8ddc..246994d2e9 100644
--- a/files/es/web/css/_colon_visited/index.html
+++ b/files/es/web/css/_colon_visited/index.html
@@ -37,7 +37,7 @@ a:visited {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_-moz-color-swatch/index.html b/files/es/web/css/_doublecolon_-moz-color-swatch/index.html
index 3edb2edc5b..12bfb5c531 100644
--- a/files/es/web/css/_doublecolon_-moz-color-swatch/index.html
+++ b/files/es/web/css/_doublecolon_-moz-color-swatch/index.html
@@ -13,8 +13,7 @@ translation_of: 'Web/CSS/::-moz-color-swatch'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_-moz-progress-bar/index.html b/files/es/web/css/_doublecolon_-moz-progress-bar/index.html
index 0d3cd4d002..89ff141bc1 100644
--- a/files/es/web/css/_doublecolon_-moz-progress-bar/index.html
+++ b/files/es/web/css/_doublecolon_-moz-progress-bar/index.html
@@ -16,7 +16,7 @@ translation_of: 'Web/CSS/::-moz-progress-bar'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/_doublecolon_-moz-range-progress/index.html b/files/es/web/css/_doublecolon_-moz-range-progress/index.html
index 22c7889cf0..58603c514c 100644
--- a/files/es/web/css/_doublecolon_-moz-range-progress/index.html
+++ b/files/es/web/css/_doublecolon_-moz-range-progress/index.html
@@ -21,7 +21,7 @@ translation_of: 'Web/CSS/::-moz-range-progress'
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_-moz-range-thumb/index.html b/files/es/web/css/_doublecolon_-moz-range-thumb/index.html
index 97900536ba..7439c46cb5 100644
--- a/files/es/web/css/_doublecolon_-moz-range-thumb/index.html
+++ b/files/es/web/css/_doublecolon_-moz-range-thumb/index.html
@@ -21,7 +21,7 @@ translation_of: 'Web/CSS/::-moz-range-thumb'
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_-moz-range-track/index.html b/files/es/web/css/_doublecolon_-moz-range-track/index.html
index f702065abc..24990dd56b 100644
--- a/files/es/web/css/_doublecolon_-moz-range-track/index.html
+++ b/files/es/web/css/_doublecolon_-moz-range-track/index.html
@@ -21,7 +21,7 @@ translation_of: 'Web/CSS/::-moz-range-track'
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_after/index.html b/files/es/web/css/_doublecolon_after/index.html
index c5fe24fedb..79604cbf01 100644
--- a/files/es/web/css/_doublecolon_after/index.html
+++ b/files/es/web/css/_doublecolon_after/index.html
@@ -28,7 +28,7 @@ translation_of: 'Web/CSS/::after'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <div class="note">
 <p><strong>Nota:</strong> CSS3 introdujo la notación <code>::after</code> (con doble dos puntos) para distinguir <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes">pseudo-clases</a> de <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elementos</a>. Los navegadores también aceptan <code>:after</code>, añadido en CSS2.</p>
diff --git a/files/es/web/css/_doublecolon_before/index.html b/files/es/web/css/_doublecolon_before/index.html
index 3f75cb9266..14692b829e 100644
--- a/files/es/web/css/_doublecolon_before/index.html
+++ b/files/es/web/css/_doublecolon_before/index.html
@@ -24,7 +24,7 @@ translation_of: 'Web/CSS/::before'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <div class="note">
 <p><strong>Nota:</strong> CSS3 introdujo la notación <code>::before</code> (con doble dos puntos) para diferenciar <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes">pseudo-clases</a> con <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elementos</a>. Los navegadores aceptan <code>:before</code>, añadido en CSS2.</p>
diff --git a/files/es/web/css/_doublecolon_cue/index.html b/files/es/web/css/_doublecolon_cue/index.html
index 033849a603..bcd306e8f8 100644
--- a/files/es/web/css/_doublecolon_cue/index.html
+++ b/files/es/web/css/_doublecolon_cue/index.html
@@ -27,7 +27,7 @@ translation_of: 'Web/CSS/::cue'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Propiedades_permitidas">Propiedades permitidas</h2>
 
diff --git a/files/es/web/css/_doublecolon_first-letter/index.html b/files/es/web/css/_doublecolon_first-letter/index.html
index 3e243869b6..3eaac26adf 100644
--- a/files/es/web/css/_doublecolon_first-letter/index.html
+++ b/files/es/web/css/_doublecolon_first-letter/index.html
@@ -45,7 +45,7 @@ p::first-letter {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example" name="Example">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_first-line/index.html b/files/es/web/css/_doublecolon_first-line/index.html
index 671e7716ef..39babdb7a9 100644
--- a/files/es/web/css/_doublecolon_first-line/index.html
+++ b/files/es/web/css/_doublecolon_first-line/index.html
@@ -35,7 +35,7 @@ p::first-line {
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_marker/index.html b/files/es/web/css/_doublecolon_marker/index.html
index 68c7e12b52..d46bd48474 100644
--- a/files/es/web/css/_doublecolon_marker/index.html
+++ b/files/es/web/css/_doublecolon_marker/index.html
@@ -29,7 +29,7 @@ translation_of: 'Web/CSS/::marker'
 
 <h2 id="Sintaxis">Sintaxis</h2>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/_doublecolon_placeholder/index.html b/files/es/web/css/_doublecolon_placeholder/index.html
index 4ed5e7ff80..af5cf63cf7 100644
--- a/files/es/web/css/_doublecolon_placeholder/index.html
+++ b/files/es/web/css/_doublecolon_placeholder/index.html
@@ -25,7 +25,7 @@ translation_of: 'Web/CSS/::placeholder'
 
 <h2 id="Sintáxis">Sintáxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/align-content/index.html b/files/es/web/css/align-content/index.html
index 9e6b9b882a..1703b3df13 100644
--- a/files/es/web/css/align-content/index.html
+++ b/files/es/web/css/align-content/index.html
@@ -63,8 +63,7 @@ align-content: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/align-items/index.html b/files/es/web/css/align-items/index.html
index 1bc917d05b..7051bdb6be 100644
--- a/files/es/web/css/align-items/index.html
+++ b/files/es/web/css/align-items/index.html
@@ -78,8 +78,7 @@ align-items: unset;
  </dt>
 </dl>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/align-self/index.html b/files/es/web/css/align-self/index.html
index 639c48a15a..64d947bda3 100644
--- a/files/es/web/css/align-self/index.html
+++ b/files/es/web/css/align-self/index.html
@@ -52,7 +52,7 @@ align-self: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/all/index.html b/files/es/web/css/all/index.html
index 0bb60f5174..a0c5e8443f 100644
--- a/files/es/web/css/all/index.html
+++ b/files/es/web/css/all/index.html
@@ -49,7 +49,7 @@ all: revert;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/animation-timing-function/index.html b/files/es/web/css/animation-timing-function/index.html
index 3ab99bb113..8658be73cf 100644
--- a/files/es/web/css/animation-timing-function/index.html
+++ b/files/es/web/css/animation-timing-function/index.html
@@ -50,7 +50,7 @@ animation-timing-function: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/appearance/index.html b/files/es/web/css/appearance/index.html
index 9e0bdcaada..5974ec15ab 100644
--- a/files/es/web/css/appearance/index.html
+++ b/files/es/web/css/appearance/index.html
@@ -1481,7 +1481,7 @@ translation_of: Web/CSS/appearance
 
 <h3 id="Síntaxis_formal">Síntaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/backdrop-filter/index.html b/files/es/web/css/backdrop-filter/index.html
index ca5df66d42..d3b0558b83 100644
--- a/files/es/web/css/backdrop-filter/index.html
+++ b/files/es/web/css/backdrop-filter/index.html
@@ -58,7 +58,7 @@ backdrop-filter: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/backface-visibility/index.html b/files/es/web/css/backface-visibility/index.html
index 509c6e05fc..24bd8eb1e2 100644
--- a/files/es/web/css/backface-visibility/index.html
+++ b/files/es/web/css/backface-visibility/index.html
@@ -40,7 +40,7 @@ backface-visibility: hidden;
 <dl>
 </dl>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/background-position-x/index.html b/files/es/web/css/background-position-x/index.html
index cb85bcd824..115de47bd9 100644
--- a/files/es/web/css/background-position-x/index.html
+++ b/files/es/web/css/background-position-x/index.html
@@ -64,7 +64,7 @@ background-position-x: unset;
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/background-repeat/index.html b/files/es/web/css/background-repeat/index.html
index 077b9d017b..674c282252 100644
--- a/files/es/web/css/background-repeat/index.html
+++ b/files/es/web/css/background-repeat/index.html
@@ -125,8 +125,7 @@ background-repeat: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/block-size/index.html b/files/es/web/css/block-size/index.html
index 7b3bd80cc6..08f544ab39 100644
--- a/files/es/web/css/block-size/index.html
+++ b/files/es/web/css/block-size/index.html
@@ -52,8 +52,7 @@ block-size: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-color/index.html b/files/es/web/css/border-block-color/index.html
index 904664a1ae..e015df4976 100644
--- a/files/es/web/css/border-block-color/index.html
+++ b/files/es/web/css/border-block-color/index.html
@@ -26,7 +26,7 @@ border-block-color: #F5F6F7;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-end-color/index.html b/files/es/web/css/border-block-end-color/index.html
index e6b360ad1f..cf1f7e49f4 100644
--- a/files/es/web/css/border-block-end-color/index.html
+++ b/files/es/web/css/border-block-end-color/index.html
@@ -32,7 +32,7 @@ border-block-end-color: #F5F6F7;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-end-style/index.html b/files/es/web/css/border-block-end-style/index.html
index cf626f9017..f30dbb5d85 100644
--- a/files/es/web/css/border-block-end-style/index.html
+++ b/files/es/web/css/border-block-end-style/index.html
@@ -33,7 +33,7 @@ border-block-end-style: groove;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-end-width/index.html b/files/es/web/css/border-block-end-width/index.html
index df9125f627..fc1621e810 100644
--- a/files/es/web/css/border-block-end-width/index.html
+++ b/files/es/web/css/border-block-end-width/index.html
@@ -31,7 +31,7 @@ border-block-end-width: thick;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-end/index.html b/files/es/web/css/border-block-end/index.html
index a2c5d20e60..342a7ab068 100644
--- a/files/es/web/css/border-block-end/index.html
+++ b/files/es/web/css/border-block-end/index.html
@@ -39,7 +39,7 @@ border-block-end: medium dashed blue;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-start-color/index.html b/files/es/web/css/border-block-start-color/index.html
index 393780221b..495ef74e60 100644
--- a/files/es/web/css/border-block-start-color/index.html
+++ b/files/es/web/css/border-block-start-color/index.html
@@ -30,7 +30,7 @@ border-block-start-color: #4c5d21;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-start-style/index.html b/files/es/web/css/border-block-start-style/index.html
index 0fe32ca16a..3049aea109 100644
--- a/files/es/web/css/border-block-start-style/index.html
+++ b/files/es/web/css/border-block-start-style/index.html
@@ -32,7 +32,7 @@ border-block-start-style: groove;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-start-width/index.html b/files/es/web/css/border-block-start-width/index.html
index cdbdcc153a..ea09ff3b99 100644
--- a/files/es/web/css/border-block-start-width/index.html
+++ b/files/es/web/css/border-block-start-width/index.html
@@ -31,7 +31,7 @@ border-block-start-width: thick;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-start/index.html b/files/es/web/css/border-block-start/index.html
index 89204dc8b1..3bfe5f45d5 100644
--- a/files/es/web/css/border-block-start/index.html
+++ b/files/es/web/css/border-block-start/index.html
@@ -39,7 +39,7 @@ border-block-start: medium dashed blue;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-style/index.html b/files/es/web/css/border-block-style/index.html
index f3a8cbadbf..60f6088aa5 100644
--- a/files/es/web/css/border-block-style/index.html
+++ b/files/es/web/css/border-block-style/index.html
@@ -28,7 +28,7 @@ border-block-style: groove;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block-width/index.html b/files/es/web/css/border-block-width/index.html
index 10c641ba39..2da01beae9 100644
--- a/files/es/web/css/border-block-width/index.html
+++ b/files/es/web/css/border-block-width/index.html
@@ -27,7 +27,7 @@ border-block-width: thick;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-block/index.html b/files/es/web/css/border-block/index.html
index f3159a7174..fda1cf2cb2 100644
--- a/files/es/web/css/border-block/index.html
+++ b/files/es/web/css/border-block/index.html
@@ -35,7 +35,7 @@ border-block: medium dashed blue;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-bottom-left-radius/index.html b/files/es/web/css/border-bottom-left-radius/index.html
index ec7a099916..fdfa04c2ce 100644
--- a/files/es/web/css/border-bottom-left-radius/index.html
+++ b/files/es/web/css/border-bottom-left-radius/index.html
@@ -58,7 +58,7 @@ border-bottom-left-radius: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/border-bottom-right-radius/index.html b/files/es/web/css/border-bottom-right-radius/index.html
index 5e9894934c..97a439af5e 100644
--- a/files/es/web/css/border-bottom-right-radius/index.html
+++ b/files/es/web/css/border-bottom-right-radius/index.html
@@ -58,7 +58,7 @@ border-bottom-right-radius: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/border-end-end-radius/index.html b/files/es/web/css/border-end-end-radius/index.html
index 478bacb8f6..1b1943b7d0 100644
--- a/files/es/web/css/border-end-end-radius/index.html
+++ b/files/es/web/css/border-end-end-radius/index.html
@@ -34,7 +34,7 @@ border-end-end-radius: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-end-start-radius/index.html b/files/es/web/css/border-end-start-radius/index.html
index b58ce4add6..c0c00b5b6b 100644
--- a/files/es/web/css/border-end-start-radius/index.html
+++ b/files/es/web/css/border-end-start-radius/index.html
@@ -34,7 +34,7 @@ border-end-start-radius: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-image-outset/index.html b/files/es/web/css/border-image-outset/index.html
index 565a215775..2c63f0a91d 100644
--- a/files/es/web/css/border-image-outset/index.html
+++ b/files/es/web/css/border-image-outset/index.html
@@ -62,7 +62,7 @@ border-image-outset: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Specifications" name="Specifications">Especificaciones</h2>
 
diff --git a/files/es/web/css/border-image-repeat/index.html b/files/es/web/css/border-image-repeat/index.html
index 14410bd1ff..9944f27090 100644
--- a/files/es/web/css/border-image-repeat/index.html
+++ b/files/es/web/css/border-image-repeat/index.html
@@ -51,7 +51,7 @@ border-image-repeat: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-image-slice/index.html b/files/es/web/css/border-image-slice/index.html
index 4a3c074a22..e8fcda384a 100644
--- a/files/es/web/css/border-image-slice/index.html
+++ b/files/es/web/css/border-image-slice/index.html
@@ -73,7 +73,7 @@ border-image-slice: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Especificaciones">Especificaciones</h2>
 
diff --git a/files/es/web/css/border-inline-color/index.html b/files/es/web/css/border-inline-color/index.html
index cf7c658d5f..6a682b924a 100644
--- a/files/es/web/css/border-inline-color/index.html
+++ b/files/es/web/css/border-inline-color/index.html
@@ -26,7 +26,7 @@ border-inline-color: #F5F6F7;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-end-color/index.html b/files/es/web/css/border-inline-end-color/index.html
index 961d2d0e1e..c954890cb9 100644
--- a/files/es/web/css/border-inline-end-color/index.html
+++ b/files/es/web/css/border-inline-end-color/index.html
@@ -30,7 +30,7 @@ border-inline-end-color: #663399;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-end-style/index.html b/files/es/web/css/border-inline-end-style/index.html
index 1f3a6dbfe7..a7376c8204 100644
--- a/files/es/web/css/border-inline-end-style/index.html
+++ b/files/es/web/css/border-inline-end-style/index.html
@@ -32,7 +32,7 @@ border-inline-end-style: groove;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-end-width/index.html b/files/es/web/css/border-inline-end-width/index.html
index 3924e681f6..c642e4a2c7 100644
--- a/files/es/web/css/border-inline-end-width/index.html
+++ b/files/es/web/css/border-inline-end-width/index.html
@@ -31,7 +31,7 @@ border-inline-end-width: thick;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-end/index.html b/files/es/web/css/border-inline-end/index.html
index 7303c2fafc..a4dfc9d425 100644
--- a/files/es/web/css/border-inline-end/index.html
+++ b/files/es/web/css/border-inline-end/index.html
@@ -39,7 +39,7 @@ border-inline-end: medium dashed blue;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-start-color/index.html b/files/es/web/css/border-inline-start-color/index.html
index b6c7da3e00..4ca98d70c8 100644
--- a/files/es/web/css/border-inline-start-color/index.html
+++ b/files/es/web/css/border-inline-start-color/index.html
@@ -30,7 +30,7 @@ border-inline-start-color: #ee4141;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-start-style/index.html b/files/es/web/css/border-inline-start-style/index.html
index e02c4e585b..48d09d86ed 100644
--- a/files/es/web/css/border-inline-start-style/index.html
+++ b/files/es/web/css/border-inline-start-style/index.html
@@ -32,7 +32,7 @@ border-inline-start-style: groove;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-start-width/index.html b/files/es/web/css/border-inline-start-width/index.html
index d507fcb933..8b2adef447 100644
--- a/files/es/web/css/border-inline-start-width/index.html
+++ b/files/es/web/css/border-inline-start-width/index.html
@@ -31,7 +31,7 @@ border-inline-start-width: thick;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-start/index.html b/files/es/web/css/border-inline-start/index.html
index 5a40bc8105..5b65f3398a 100644
--- a/files/es/web/css/border-inline-start/index.html
+++ b/files/es/web/css/border-inline-start/index.html
@@ -39,7 +39,7 @@ border-inline-start: medium dashed green;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-style/index.html b/files/es/web/css/border-inline-style/index.html
index 23eea1cf40..c5da324eb0 100644
--- a/files/es/web/css/border-inline-style/index.html
+++ b/files/es/web/css/border-inline-style/index.html
@@ -28,7 +28,7 @@ border-inline-style: groove;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline-width/index.html b/files/es/web/css/border-inline-width/index.html
index b3c6eeb16f..3be37c53e1 100644
--- a/files/es/web/css/border-inline-width/index.html
+++ b/files/es/web/css/border-inline-width/index.html
@@ -28,7 +28,7 @@ border-inline-width: thick;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-inline/index.html b/files/es/web/css/border-inline/index.html
index cdff68b414..fe7395ebf6 100644
--- a/files/es/web/css/border-inline/index.html
+++ b/files/es/web/css/border-inline/index.html
@@ -35,7 +35,7 @@ border-inline: medium dashed blue;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-right/index.html b/files/es/web/css/border-right/index.html
index ef5e1b4a3e..9b493c4b01 100644
--- a/files/es/web/css/border-right/index.html
+++ b/files/es/web/css/border-right/index.html
@@ -51,7 +51,7 @@ border-right: medium dashed green;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-start-end-radius/index.html b/files/es/web/css/border-start-end-radius/index.html
index 97f10396ad..3582b30516 100644
--- a/files/es/web/css/border-start-end-radius/index.html
+++ b/files/es/web/css/border-start-end-radius/index.html
@@ -34,7 +34,7 @@ border-start-end-radius: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-start-start-radius/index.html b/files/es/web/css/border-start-start-radius/index.html
index c7596f14ad..708d60acd7 100644
--- a/files/es/web/css/border-start-start-radius/index.html
+++ b/files/es/web/css/border-start-start-radius/index.html
@@ -34,7 +34,7 @@ border-start-start-radius: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/border-style/index.html b/files/es/web/css/border-style/index.html
index 616f336ead..cd756b3072 100644
--- a/files/es/web/css/border-style/index.html
+++ b/files/es/web/css/border-style/index.html
@@ -142,7 +142,7 @@ border-style: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/border-top-color/index.html b/files/es/web/css/border-top-color/index.html
index 7be5b9461e..3f913bf93b 100644
--- a/files/es/web/css/border-top-color/index.html
+++ b/files/es/web/css/border-top-color/index.html
@@ -36,7 +36,7 @@ border-top-color: unset;
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/border-top-left-radius/index.html b/files/es/web/css/border-top-left-radius/index.html
index 69be619d41..5a2544c47f 100644
--- a/files/es/web/css/border-top-left-radius/index.html
+++ b/files/es/web/css/border-top-left-radius/index.html
@@ -56,7 +56,7 @@ border-top-left-radius: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/border-top-right-radius/index.html b/files/es/web/css/border-top-right-radius/index.html
index e29277d18f..0204085032 100644
--- a/files/es/web/css/border-top-right-radius/index.html
+++ b/files/es/web/css/border-top-right-radius/index.html
@@ -58,7 +58,7 @@ border-top-right-radius: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/border-top/index.html b/files/es/web/css/border-top/index.html
index fbbb9a741b..21a2f9def1 100644
--- a/files/es/web/css/border-top/index.html
+++ b/files/es/web/css/border-top/index.html
@@ -60,7 +60,7 @@ border-top: medium dashed green;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/box-flex/index.html b/files/es/web/css/box-flex/index.html
index 2a1dbe9a13..17b7f96761 100644
--- a/files/es/web/css/box-flex/index.html
+++ b/files/es/web/css/box-flex/index.html
@@ -43,7 +43,7 @@ original_slug: Web/CSS/-moz-box-flex
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/box-pack/index.html b/files/es/web/css/box-pack/index.html
index 12baf166a2..d893c2fafb 100644
--- a/files/es/web/css/box-pack/index.html
+++ b/files/es/web/css/box-pack/index.html
@@ -51,7 +51,7 @@ original_slug: Web/CSS/-moz-box-pack
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/box-sizing/index.html b/files/es/web/css/box-sizing/index.html
index 5fbea86747..93a400bcc5 100644
--- a/files/es/web/css/box-sizing/index.html
+++ b/files/es/web/css/box-sizing/index.html
@@ -42,7 +42,7 @@ translation_of: Web/CSS/box-sizing
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/caret-color/index.html b/files/es/web/css/caret-color/index.html
index df16ae5923..9fedbba62a 100644
--- a/files/es/web/css/caret-color/index.html
+++ b/files/es/web/css/caret-color/index.html
@@ -47,7 +47,7 @@ caret-color: hsla(228, 4%, 24%, 0.8);
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/clear/index.html b/files/es/web/css/clear/index.html
index e66c285536..15b23d3141 100644
--- a/files/es/web/css/clear/index.html
+++ b/files/es/web/css/clear/index.html
@@ -60,7 +60,7 @@ clear: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/clip-path/index.html b/files/es/web/css/clip-path/index.html
index a5c78f6eb8..a8b5253601 100644
--- a/files/es/web/css/clip-path/index.html
+++ b/files/es/web/css/clip-path/index.html
@@ -73,7 +73,7 @@ clip-path: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/color/index.html b/files/es/web/css/color/index.html
index d5d408265f..0d2fe0d1d3 100644
--- a/files/es/web/css/color/index.html
+++ b/files/es/web/css/color/index.html
@@ -183,7 +183,7 @@ p:first-child {
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/column-count/index.html b/files/es/web/css/column-count/index.html
index cc894efa4e..0755051420 100644
--- a/files/es/web/css/column-count/index.html
+++ b/files/es/web/css/column-count/index.html
@@ -38,7 +38,7 @@ column-count: unset;</pre>
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/column-gap/index.html b/files/es/web/css/column-gap/index.html
index faa728b9c7..fc08233bee 100644
--- a/files/es/web/css/column-gap/index.html
+++ b/files/es/web/css/column-gap/index.html
@@ -37,7 +37,7 @@ grid-column-gap: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/column-span/index.html b/files/es/web/css/column-span/index.html
index b72bc8859a..6fa8e727af 100644
--- a/files/es/web/css/column-span/index.html
+++ b/files/es/web/css/column-span/index.html
@@ -40,7 +40,7 @@ column-span: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/display/index.html b/files/es/web/css/display/index.html
index c5c503619b..488bb5f101 100644
--- a/files/es/web/css/display/index.html
+++ b/files/es/web/css/display/index.html
@@ -306,7 +306,7 @@ display: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Sobre_Accesibilidad">Sobre Accesibilidad</h2>
 
diff --git a/files/es/web/css/filter/index.html b/files/es/web/css/filter/index.html
index bf9954f5cc..a2c877bb9d 100644
--- a/files/es/web/css/filter/index.html
+++ b/files/es/web/css/filter/index.html
@@ -61,7 +61,7 @@ filter: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/fit-content/index.html b/files/es/web/css/fit-content/index.html
index fc3cceef6f..e28f3c18ac 100644
--- a/files/es/web/css/fit-content/index.html
+++ b/files/es/web/css/fit-content/index.html
@@ -45,7 +45,7 @@ fit-content(40%)
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/flex-basis/index.html b/files/es/web/css/flex-basis/index.html
index 726241615a..0df62d9ef7 100644
--- a/files/es/web/css/flex-basis/index.html
+++ b/files/es/web/css/flex-basis/index.html
@@ -61,7 +61,7 @@ flex-basis: unset;
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/flex-direction/index.html b/files/es/web/css/flex-direction/index.html
index 82726b33b6..25caa49146 100644
--- a/files/es/web/css/flex-direction/index.html
+++ b/files/es/web/css/flex-direction/index.html
@@ -55,7 +55,7 @@ translation_of: Web/CSS/flex-direction
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/flex-flow/index.html b/files/es/web/css/flex-flow/index.html
index 8d22dbf764..1d03def0ad 100644
--- a/files/es/web/css/flex-flow/index.html
+++ b/files/es/web/css/flex-flow/index.html
@@ -48,7 +48,7 @@ flex-flow: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/flex-grow/index.html b/files/es/web/css/flex-grow/index.html
index 0e1e47f8b7..39c21629af 100644
--- a/files/es/web/css/flex-grow/index.html
+++ b/files/es/web/css/flex-grow/index.html
@@ -42,7 +42,7 @@ flex-grow: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/flex-shrink/index.html b/files/es/web/css/flex-shrink/index.html
index 01d3740fd3..314f7a7845 100644
--- a/files/es/web/css/flex-shrink/index.html
+++ b/files/es/web/css/flex-shrink/index.html
@@ -104,8 +104,7 @@ flex-shrink: unset;
 
 <h3 id="Sintaxi_formal">Sintaxi formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/flex/index.html b/files/es/web/css/flex/index.html
index 9e89e10b6b..0ca8f827ee 100644
--- a/files/es/web/css/flex/index.html
+++ b/files/es/web/css/flex/index.html
@@ -64,7 +64,7 @@ flex: unset;
  </dt>
 </dl>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/float/index.html b/files/es/web/css/float/index.html
index 26077edca5..17e769b965 100644
--- a/files/es/web/css/float/index.html
+++ b/files/es/web/css/float/index.html
@@ -138,8 +138,7 @@ float: unset;</pre>
 
 <dl>
  <dt>
- <pre class="notranslate">{{csssyntax}}
-</pre>
+ {{csssyntax}}
  </dt>
 </dl>
 
diff --git a/files/es/web/css/font-style/index.html b/files/es/web/css/font-style/index.html
index f467769af0..3d94fa7242 100644
--- a/files/es/web/css/font-style/index.html
+++ b/files/es/web/css/font-style/index.html
@@ -43,7 +43,7 @@ font-style: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/font-variant-alternates/index.html b/files/es/web/css/font-variant-alternates/index.html
index a1995762a0..72de891e40 100644
--- a/files/es/web/css/font-variant-alternates/index.html
+++ b/files/es/web/css/font-variant-alternates/index.html
@@ -60,7 +60,7 @@ font-variant-alternates: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/gap/index.html b/files/es/web/css/gap/index.html
index 8b3cf31127..090d6e9957 100644
--- a/files/es/web/css/gap/index.html
+++ b/files/es/web/css/gap/index.html
@@ -52,7 +52,7 @@ grid-gap: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/grid-auto-columns/index.html b/files/es/web/css/grid-auto-columns/index.html
index 18d241f7b6..a349017481 100644
--- a/files/es/web/css/grid-auto-columns/index.html
+++ b/files/es/web/css/grid-auto-columns/index.html
@@ -88,7 +88,7 @@ grid-auto-columns: unset;
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/grid-auto-rows/index.html b/files/es/web/css/grid-auto-rows/index.html
index b50943f3c2..cdcf192391 100644
--- a/files/es/web/css/grid-auto-rows/index.html
+++ b/files/es/web/css/grid-auto-rows/index.html
@@ -85,7 +85,7 @@ grid-auto-rows: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example">Example</h2>
 
diff --git a/files/es/web/css/grid-template-areas/index.html b/files/es/web/css/grid-template-areas/index.html
index b97dd3ef69..215ca0b81f 100644
--- a/files/es/web/css/grid-template-areas/index.html
+++ b/files/es/web/css/grid-template-areas/index.html
@@ -36,7 +36,7 @@ grid-template-areas: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example">Example</h2>
 
diff --git a/files/es/web/css/grid-template-columns/index.html b/files/es/web/css/grid-template-columns/index.html
index 4dd982b375..63c5bba16d 100644
--- a/files/es/web/css/grid-template-columns/index.html
+++ b/files/es/web/css/grid-template-columns/index.html
@@ -67,7 +67,7 @@ grid-template-columns: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/grid-template-rows/index.html b/files/es/web/css/grid-template-rows/index.html
index b04eed1ea3..c3f072c7b3 100644
--- a/files/es/web/css/grid-template-rows/index.html
+++ b/files/es/web/css/grid-template-rows/index.html
@@ -87,7 +87,7 @@ grid-template-rows: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/grid/index.html b/files/es/web/css/grid/index.html
index 7a14af42b6..11c689058f 100644
--- a/files/es/web/css/grid/index.html
+++ b/files/es/web/css/grid/index.html
@@ -57,7 +57,7 @@ grid: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/height/index.html b/files/es/web/css/height/index.html
index 202c379583..4d0667a3f9 100644
--- a/files/es/web/css/height/index.html
+++ b/files/es/web/css/height/index.html
@@ -66,7 +66,7 @@ height: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/hyphens/index.html b/files/es/web/css/hyphens/index.html
index 98669f5e30..fc2ef09367 100644
--- a/files/es/web/css/hyphens/index.html
+++ b/files/es/web/css/hyphens/index.html
@@ -51,7 +51,7 @@ hyphens: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Sugiriendo_oportunidades_de_separación_de_línea">Sugiriendo oportunidades de separación de línea</h2>
 
diff --git a/files/es/web/css/image-rendering/index.html b/files/es/web/css/image-rendering/index.html
index 98dae57cdc..f9424e36e7 100644
--- a/files/es/web/css/image-rendering/index.html
+++ b/files/es/web/css/image-rendering/index.html
@@ -45,7 +45,7 @@ image-rendering: unset;</pre>
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/inline-size/index.html b/files/es/web/css/inline-size/index.html
index d39bac491c..122a094043 100644
--- a/files/es/web/css/inline-size/index.html
+++ b/files/es/web/css/inline-size/index.html
@@ -45,7 +45,7 @@ inline-size: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset-block-end/index.html b/files/es/web/css/inset-block-end/index.html
index b117a0595c..4177ddfe6d 100644
--- a/files/es/web/css/inset-block-end/index.html
+++ b/files/es/web/css/inset-block-end/index.html
@@ -37,7 +37,7 @@ inset-block-end: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset-block-start/index.html b/files/es/web/css/inset-block-start/index.html
index 4cd4a2c732..dd59522f2f 100644
--- a/files/es/web/css/inset-block-start/index.html
+++ b/files/es/web/css/inset-block-start/index.html
@@ -37,7 +37,7 @@ inset-block-start: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset-block/index.html b/files/es/web/css/inset-block/index.html
index 633a84475d..00fddb0d02 100644
--- a/files/es/web/css/inset-block/index.html
+++ b/files/es/web/css/inset-block/index.html
@@ -36,7 +36,7 @@ inset-block: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset-inline-end/index.html b/files/es/web/css/inset-inline-end/index.html
index 633306a67c..2c47caa97b 100644
--- a/files/es/web/css/inset-inline-end/index.html
+++ b/files/es/web/css/inset-inline-end/index.html
@@ -37,7 +37,7 @@ inset-inline-end: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset-inline-start/index.html b/files/es/web/css/inset-inline-start/index.html
index ef9b26bc2c..5d13d75982 100644
--- a/files/es/web/css/inset-inline-start/index.html
+++ b/files/es/web/css/inset-inline-start/index.html
@@ -37,7 +37,7 @@ inset-inline-start: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset-inline/index.html b/files/es/web/css/inset-inline/index.html
index 07a9d797d8..75d3c9da74 100644
--- a/files/es/web/css/inset-inline/index.html
+++ b/files/es/web/css/inset-inline/index.html
@@ -36,7 +36,7 @@ inset-inline: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/inset/index.html b/files/es/web/css/inset/index.html
index cd3260e72c..92b8bf4731 100644
--- a/files/es/web/css/inset/index.html
+++ b/files/es/web/css/inset/index.html
@@ -35,7 +35,7 @@ inset: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/isolation/index.html b/files/es/web/css/isolation/index.html
index e4e6cf32d4..d48415208a 100644
--- a/files/es/web/css/isolation/index.html
+++ b/files/es/web/css/isolation/index.html
@@ -40,7 +40,7 @@ isolation: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/justify-content/index.html b/files/es/web/css/justify-content/index.html
index 56e6af1ff7..8c4e0b1f0a 100644
--- a/files/es/web/css/justify-content/index.html
+++ b/files/es/web/css/justify-content/index.html
@@ -61,7 +61,7 @@ justify-content: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/margin-block-start/index.html b/files/es/web/css/margin-block-start/index.html
index 1ec94d7b76..df6971d612 100644
--- a/files/es/web/css/margin-block-start/index.html
+++ b/files/es/web/css/margin-block-start/index.html
@@ -39,7 +39,7 @@ margin-block-start: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/margin-block/index.html b/files/es/web/css/margin-block/index.html
index 680b41219d..c2cb4ef205 100644
--- a/files/es/web/css/margin-block/index.html
+++ b/files/es/web/css/margin-block/index.html
@@ -42,7 +42,7 @@ margin-block: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/margin-inline-end/index.html b/files/es/web/css/margin-inline-end/index.html
index 2ce32be63e..ca4280ebf5 100644
--- a/files/es/web/css/margin-inline-end/index.html
+++ b/files/es/web/css/margin-inline-end/index.html
@@ -37,7 +37,7 @@ margin-inline-end: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/margin-inline-start/index.html b/files/es/web/css/margin-inline-start/index.html
index c0f734b017..db7bda2e2d 100644
--- a/files/es/web/css/margin-inline-start/index.html
+++ b/files/es/web/css/margin-inline-start/index.html
@@ -35,7 +35,7 @@ margin-inline-start: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/margin-inline/index.html b/files/es/web/css/margin-inline/index.html
index 9bff11e577..9a437b6bb0 100644
--- a/files/es/web/css/margin-inline/index.html
+++ b/files/es/web/css/margin-inline/index.html
@@ -34,7 +34,7 @@ margin-inline: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/margin/index.html b/files/es/web/css/margin/index.html
index 95cdc55243..684288ac2f 100644
--- a/files/es/web/css/margin/index.html
+++ b/files/es/web/css/margin/index.html
@@ -57,7 +57,7 @@ margin: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/mask-clip/index.html b/files/es/web/css/mask-clip/index.html
index f6c749d4f2..9d3499700f 100644
--- a/files/es/web/css/mask-clip/index.html
+++ b/files/es/web/css/mask-clip/index.html
@@ -17,8 +17,7 @@ original_slug: Web/CSS/-webkit-mask-clip
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <p>donde:</p>
 
diff --git a/files/es/web/css/mask-image/index.html b/files/es/web/css/mask-image/index.html
index 065129d49b..ccf88316ab 100644
--- a/files/es/web/css/mask-image/index.html
+++ b/files/es/web/css/mask-image/index.html
@@ -38,8 +38,7 @@ original_slug: Web/CSS/-webkit-mask-image
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/mask-origin/index.html b/files/es/web/css/mask-origin/index.html
index 90dafca57e..8a8adb54ce 100644
--- a/files/es/web/css/mask-origin/index.html
+++ b/files/es/web/css/mask-origin/index.html
@@ -16,7 +16,7 @@ original_slug: Web/CSS/-webkit-mask-origin
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Valores">Valores</h2>
 
diff --git a/files/es/web/css/mask-position/index.html b/files/es/web/css/mask-position/index.html
index 7baec4254b..9efc319b1c 100644
--- a/files/es/web/css/mask-position/index.html
+++ b/files/es/web/css/mask-position/index.html
@@ -20,7 +20,7 @@ original_slug: Web/CSS/-webkit-mask-position
 
 <h2 id="Síntaxis">Síntaxis</h2>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Valores">Valores</h2>
 
diff --git a/files/es/web/css/mask-repeat/index.html b/files/es/web/css/mask-repeat/index.html
index 2fd065c6dc..836f146b4f 100644
--- a/files/es/web/css/mask-repeat/index.html
+++ b/files/es/web/css/mask-repeat/index.html
@@ -51,8 +51,7 @@ original_slug: Web/CSS/-webkit-mask-repeat
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/mask/index.html b/files/es/web/css/mask/index.html
index f742ef952a..7bf741ece4 100644
--- a/files/es/web/css/mask/index.html
+++ b/files/es/web/css/mask/index.html
@@ -60,7 +60,7 @@ original_slug: Web/CSS/-webkit-mask
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/max-block-size/index.html b/files/es/web/css/max-block-size/index.html
index 5707a6ce0f..50f1944b65 100644
--- a/files/es/web/css/max-block-size/index.html
+++ b/files/es/web/css/max-block-size/index.html
@@ -80,7 +80,7 @@ max-block-size: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/max-inline-size/index.html b/files/es/web/css/max-inline-size/index.html
index b5406c7dc6..711d59f1da 100644
--- a/files/es/web/css/max-inline-size/index.html
+++ b/files/es/web/css/max-inline-size/index.html
@@ -41,7 +41,7 @@ max-inline-size: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/max-width/index.html b/files/es/web/css/max-width/index.html
index 55fa03d4ee..3b3f0a21ff 100644
--- a/files/es/web/css/max-width/index.html
+++ b/files/es/web/css/max-width/index.html
@@ -60,7 +60,7 @@ max-width: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/min()/index.html b/files/es/web/css/min()/index.html
index 52f81e5765..b81e63bb6f 100644
--- a/files/es/web/css/min()/index.html
+++ b/files/es/web/css/min()/index.html
@@ -41,7 +41,7 @@ translation_of: Web/CSS/min()
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre>
+{{CSSSyntax}}
 
 <h2 id="Probemas_de_accesibilidad">Probemas de accesibilidad</h2>
 
diff --git a/files/es/web/css/min-block-size/index.html b/files/es/web/css/min-block-size/index.html
index 91847cba2d..9f38ae5bca 100644
--- a/files/es/web/css/min-block-size/index.html
+++ b/files/es/web/css/min-block-size/index.html
@@ -42,7 +42,7 @@ min-block-size: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/min-height/index.html b/files/es/web/css/min-height/index.html
index d61f0edf4e..cdd5f43b89 100644
--- a/files/es/web/css/min-height/index.html
+++ b/files/es/web/css/min-height/index.html
@@ -17,8 +17,7 @@ translation_of: Web/CSS/min-height
 
 <h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h3 id="Values" name="Values">Values</h3>
 
diff --git a/files/es/web/css/min-inline-size/index.html b/files/es/web/css/min-inline-size/index.html
index bf650c31a7..6d36af70cf 100644
--- a/files/es/web/css/min-inline-size/index.html
+++ b/files/es/web/css/min-inline-size/index.html
@@ -42,7 +42,7 @@ min-inline-size: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/minmax()/index.html b/files/es/web/css/minmax()/index.html
index eefc519566..a4f2472a04 100644
--- a/files/es/web/css/minmax()/index.html
+++ b/files/es/web/css/minmax()/index.html
@@ -66,7 +66,7 @@ minmax(auto, 300px)
 
 <h3 id="Sintáxis_formal">Sintáxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h3 id="Propiedades_CSS">Propiedades CSS</h3>
 
diff --git a/files/es/web/css/mix-blend-mode/index.html b/files/es/web/css/mix-blend-mode/index.html
index 776d28b030..b31b8010fa 100644
--- a/files/es/web/css/mix-blend-mode/index.html
+++ b/files/es/web/css/mix-blend-mode/index.html
@@ -49,7 +49,7 @@ mix-blend-mode: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/object-fit/index.html b/files/es/web/css/object-fit/index.html
index 0239910a6b..b0f546b874 100644
--- a/files/es/web/css/object-fit/index.html
+++ b/files/es/web/css/object-fit/index.html
@@ -42,7 +42,7 @@ translation_of: Web/CSS/object-fit
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/object-position/index.html b/files/es/web/css/object-position/index.html
index 0d76669bdc..4e1512f0aa 100644
--- a/files/es/web/css/object-position/index.html
+++ b/files/es/web/css/object-position/index.html
@@ -31,7 +31,7 @@ object-position: unset;
 
 <h3 id="Sitaxis_formal">Sitaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example" name="Example">Ejemplo</h2>
 
diff --git a/files/es/web/css/order/index.html b/files/es/web/css/order/index.html
index fa8484670f..cde99bb53a 100644
--- a/files/es/web/css/order/index.html
+++ b/files/es/web/css/order/index.html
@@ -38,7 +38,7 @@ order: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/outline-color/index.html b/files/es/web/css/outline-color/index.html
index f2d6f9c18c..37225a806b 100644
--- a/files/es/web/css/outline-color/index.html
+++ b/files/es/web/css/outline-color/index.html
@@ -37,7 +37,7 @@ outline-color: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/outline-offset/index.html b/files/es/web/css/outline-offset/index.html
index 85bd0c33d7..f002590090 100644
--- a/files/es/web/css/outline-offset/index.html
+++ b/files/es/web/css/outline-offset/index.html
@@ -37,7 +37,7 @@ outline-offset: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/outline-style/index.html b/files/es/web/css/outline-style/index.html
index 68b1f9abd4..4698e30187 100644
--- a/files/es/web/css/outline-style/index.html
+++ b/files/es/web/css/outline-style/index.html
@@ -72,7 +72,7 @@ outline-style: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example_1_-_dotted_and_dashed" name="Example_1_-_dotted_and_dashed">Ejemplo 1 - <code>dotted</code> y <code>dashed</code></h2>
 
diff --git a/files/es/web/css/outline-width/index.html b/files/es/web/css/outline-width/index.html
index 1b52fef25b..ce3d763dcb 100644
--- a/files/es/web/css/outline-width/index.html
+++ b/files/es/web/css/outline-width/index.html
@@ -44,7 +44,7 @@ outline-width: inherit;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/outline/index.html b/files/es/web/css/outline/index.html
index 288c5fca34..34a2811676 100644
--- a/files/es/web/css/outline/index.html
+++ b/files/es/web/css/outline/index.html
@@ -65,7 +65,7 @@ outline: unset;</code></pre>
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example">Example</h2>
 
diff --git a/files/es/web/css/overflow-y/index.html b/files/es/web/css/overflow-y/index.html
index 7650175806..4db88f9063 100644
--- a/files/es/web/css/overflow-y/index.html
+++ b/files/es/web/css/overflow-y/index.html
@@ -51,7 +51,7 @@ overflow-y: unset;</pre>
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre>{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-block-end/index.html b/files/es/web/css/padding-block-end/index.html
index f853d3bd67..b9893104f0 100644
--- a/files/es/web/css/padding-block-end/index.html
+++ b/files/es/web/css/padding-block-end/index.html
@@ -36,7 +36,7 @@ padding-block-end: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-block-start/index.html b/files/es/web/css/padding-block-start/index.html
index 3beaf5ca81..013461298e 100644
--- a/files/es/web/css/padding-block-start/index.html
+++ b/files/es/web/css/padding-block-start/index.html
@@ -36,7 +36,7 @@ padding-block-start: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-block/index.html b/files/es/web/css/padding-block/index.html
index c237b61c4b..41a137530a 100644
--- a/files/es/web/css/padding-block/index.html
+++ b/files/es/web/css/padding-block/index.html
@@ -36,7 +36,7 @@ padding-block: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-bottom/index.html b/files/es/web/css/padding-bottom/index.html
index 8e025a0c83..bdb5b91977 100644
--- a/files/es/web/css/padding-bottom/index.html
+++ b/files/es/web/css/padding-bottom/index.html
@@ -38,7 +38,7 @@ padding-bottom: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/padding-inline-end/index.html b/files/es/web/css/padding-inline-end/index.html
index dd30fe2d15..f245034237 100644
--- a/files/es/web/css/padding-inline-end/index.html
+++ b/files/es/web/css/padding-inline-end/index.html
@@ -36,7 +36,7 @@ padding-inline-end: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-inline-start/index.html b/files/es/web/css/padding-inline-start/index.html
index 696b045077..48392e7778 100644
--- a/files/es/web/css/padding-inline-start/index.html
+++ b/files/es/web/css/padding-inline-start/index.html
@@ -36,7 +36,7 @@ padding-inline-start: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-inline/index.html b/files/es/web/css/padding-inline/index.html
index 9e471d734e..40ebed5e31 100644
--- a/files/es/web/css/padding-inline/index.html
+++ b/files/es/web/css/padding-inline/index.html
@@ -36,7 +36,7 @@ padding-inline: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/padding-top/index.html b/files/es/web/css/padding-top/index.html
index a635951fcc..09c3821a67 100644
--- a/files/es/web/css/padding-top/index.html
+++ b/files/es/web/css/padding-top/index.html
@@ -38,7 +38,7 @@ padding-top: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/position/index.html b/files/es/web/css/position/index.html
index c9181f456f..ecae12f0f4 100644
--- a/files/es/web/css/position/index.html
+++ b/files/es/web/css/position/index.html
@@ -55,7 +55,7 @@ translation_of: Web/CSS/position
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/quotes/index.html b/files/es/web/css/quotes/index.html
index 138b4dce41..9f1d69a12f 100644
--- a/files/es/web/css/quotes/index.html
+++ b/files/es/web/css/quotes/index.html
@@ -43,7 +43,7 @@ quotes: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Examples" name="Examples">Ejemplos</h2>
 
diff --git a/files/es/web/css/resize/index.html b/files/es/web/css/resize/index.html
index 7f40b09236..45ed53fd4d 100644
--- a/files/es/web/css/resize/index.html
+++ b/files/es/web/css/resize/index.html
@@ -42,7 +42,7 @@ resize: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/scroll-behavior/index.html b/files/es/web/css/scroll-behavior/index.html
index b7b591d520..035d651d31 100644
--- a/files/es/web/css/scroll-behavior/index.html
+++ b/files/es/web/css/scroll-behavior/index.html
@@ -39,7 +39,7 @@ scroll-behavior: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Example" name="Example">Example</h2>
 
diff --git a/files/es/web/css/text-decoration-color/index.html b/files/es/web/css/text-decoration-color/index.html
index 1310ee9c30..c8ad57d2e7 100644
--- a/files/es/web/css/text-decoration-color/index.html
+++ b/files/es/web/css/text-decoration-color/index.html
@@ -41,7 +41,7 @@ text-decoration-color: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-decoration-line/index.html b/files/es/web/css/text-decoration-line/index.html
index 6fcbbc2d7c..9891b72b98 100644
--- a/files/es/web/css/text-decoration-line/index.html
+++ b/files/es/web/css/text-decoration-line/index.html
@@ -52,7 +52,7 @@ text-decoration-line: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/text-decoration-style/index.html b/files/es/web/css/text-decoration-style/index.html
index dcf687dc26..a8cc72eb54 100644
--- a/files/es/web/css/text-decoration-style/index.html
+++ b/files/es/web/css/text-decoration-style/index.html
@@ -84,7 +84,7 @@ text-decoration-style: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-decoration/index.html b/files/es/web/css/text-decoration/index.html
index 7a3675657b..bdeca2d164 100644
--- a/files/es/web/css/text-decoration/index.html
+++ b/files/es/web/css/text-decoration/index.html
@@ -37,7 +37,7 @@ text-decoration: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-emphasis-color/index.html b/files/es/web/css/text-emphasis-color/index.html
index 10c814748e..d7bcef8152 100644
--- a/files/es/web/css/text-emphasis-color/index.html
+++ b/files/es/web/css/text-emphasis-color/index.html
@@ -45,8 +45,7 @@ text-emphasis-color: unset;
 
 <h3 id="Sintáxis_Formal">Sintáxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-emphasis/index.html b/files/es/web/css/text-emphasis/index.html
index 94979eb8af..f7018e34d6 100644
--- a/files/es/web/css/text-emphasis/index.html
+++ b/files/es/web/css/text-emphasis/index.html
@@ -75,8 +75,7 @@ text-emphasis: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-orientation/index.html b/files/es/web/css/text-orientation/index.html
index 82b6f3295b..25c4a51ee6 100644
--- a/files/es/web/css/text-orientation/index.html
+++ b/files/es/web/css/text-orientation/index.html
@@ -49,7 +49,7 @@ text-orientation: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-overflow/index.html b/files/es/web/css/text-overflow/index.html
index 3d559cae8f..5c097b97b9 100644
--- a/files/es/web/css/text-overflow/index.html
+++ b/files/es/web/css/text-overflow/index.html
@@ -46,8 +46,7 @@ white-space: nowrap;</pre>
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h2 id="Examples">Examples</h2>
 
diff --git a/files/es/web/css/text-shadow/index.html b/files/es/web/css/text-shadow/index.html
index 1e0cd7ee53..4bb95ecb0e 100644
--- a/files/es/web/css/text-shadow/index.html
+++ b/files/es/web/css/text-shadow/index.html
@@ -58,7 +58,7 @@ text-shadow: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/text-transform/index.html b/files/es/web/css/text-transform/index.html
index 342d952edf..048f083c7b 100644
--- a/files/es/web/css/text-transform/index.html
+++ b/files/es/web/css/text-transform/index.html
@@ -84,7 +84,7 @@ text-transform: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/transform-style/index.html b/files/es/web/css/transform-style/index.html
index 5f16a1dd5f..a0093e5198 100644
--- a/files/es/web/css/transform-style/index.html
+++ b/files/es/web/css/transform-style/index.html
@@ -36,7 +36,7 @@ transform-style: unset;
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/es/web/css/transform/index.html b/files/es/web/css/transform/index.html
index 5dc3a1a6b2..9d7a31aa7c 100644
--- a/files/es/web/css/transform/index.html
+++ b/files/es/web/css/transform/index.html
@@ -68,7 +68,7 @@ transform: unset;</pre>
 <p>{{cssinfo}}</p>
  <h3 id="Síntasix_formal">Síntasix formal</h3>
 
- <pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+ {{csssyntax}}
  </dt>
 </dl>
 
diff --git a/files/es/web/css/transition-duration/index.html b/files/es/web/css/transition-duration/index.html
index c00efcbd79..6c3aaef2b9 100644
--- a/files/es/web/css/transition-duration/index.html
+++ b/files/es/web/css/transition-duration/index.html
@@ -36,7 +36,7 @@ transition-duration: unset;
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/transition-property/index.html b/files/es/web/css/transition-property/index.html
index 1138119dca..6787bb73d0 100644
--- a/files/es/web/css/transition-property/index.html
+++ b/files/es/web/css/transition-property/index.html
@@ -51,7 +51,7 @@ transition-property: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/transition/index.html b/files/es/web/css/transition/index.html
index b9b69000c1..b41f80ad45 100644
--- a/files/es/web/css/transition/index.html
+++ b/files/es/web/css/transition/index.html
@@ -38,8 +38,7 @@ transition: all 0.5s ease-out;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax("transition")}}
-</pre>
+{{csssyntax("transition")}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/user-modify/index.html b/files/es/web/css/user-modify/index.html
index 33a9387f15..f350fe7a43 100644
--- a/files/es/web/css/user-modify/index.html
+++ b/files/es/web/css/user-modify/index.html
@@ -42,7 +42,7 @@ original_slug: Web/CSS/-moz-user-modify
 
 <h3 id="Síntaxis_Formal">Síntaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/user-select/index.html b/files/es/web/css/user-select/index.html
index 0e597df92a..86e4fc01a9 100644
--- a/files/es/web/css/user-select/index.html
+++ b/files/es/web/css/user-select/index.html
@@ -69,7 +69,7 @@ user-select: unset;
 
 <h3 id="Formal_syntax_2">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/var()/index.html b/files/es/web/css/var()/index.html
index 47e61d90d9..27e1f6dc34 100644
--- a/files/es/web/css/var()/index.html
+++ b/files/es/web/css/var()/index.html
@@ -11,8 +11,7 @@ translation_of: Web/CSS/var()
 
 <p>El primer parámetro que recibe la función es el nombre de la custom property que será reemplazada. Se puede utilizar un segundo parámetro opcional como fallback de el primero. Si la custom property referenciada por el primer parámetro no es válida, entonces la función utiliza el valor del segúndo parámetro.</p>
 
-<pre class="syntaxbox notranslate">{{csssyntax}}
-</pre>
+{{csssyntax}}
 
 <h3 id="Valores">Valores</h3>
 
diff --git a/files/es/web/css/white-space/index.html b/files/es/web/css/white-space/index.html
index ddfc135d7c..973a2ef045 100644
--- a/files/es/web/css/white-space/index.html
+++ b/files/es/web/css/white-space/index.html
@@ -215,7 +215,7 @@ p {
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/widows/index.html b/files/es/web/css/widows/index.html
index bcc8bba968..98d7242402 100644
--- a/files/es/web/css/widows/index.html
+++ b/files/es/web/css/widows/index.html
@@ -34,7 +34,7 @@ widows: unset;
 
 <h3 id="Sintaxis_Formal">Sintaxis Formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
 
diff --git a/files/es/web/css/width/index.html b/files/es/web/css/width/index.html
index 3e8317e17d..5e09c751d9 100644
--- a/files/es/web/css/width/index.html
+++ b/files/es/web/css/width/index.html
@@ -72,7 +72,7 @@ width: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplos">Ejemplos</h2>
 
diff --git a/files/es/web/css/writing-mode/index.html b/files/es/web/css/writing-mode/index.html
index 73c11b1b85..719b4644bc 100644
--- a/files/es/web/css/writing-mode/index.html
+++ b/files/es/web/css/writing-mode/index.html
@@ -61,7 +61,7 @@ writing-mode: unset;
 
 <h3 id="Sintaxis_formal">Sintaxis formal</h3>
 
-<pre class="syntaxbox">{{csssyntax}}</pre>
+{{csssyntax}}
 
 <h2 id="Ejemplo">Ejemplo</h2>
author	Florian Dieminger <me@fiji-flo.de>	2021-03-15 18:56:01 +0100
committer	GitHub <noreply@github.com>	2021-03-15 18:56:01 +0100
commit	1bbb4d9683edd28fc947b17804e5b882184ecfcb (patch)
tree	032aa6be1de60c220df8cf308806e05532f58aec /files/es
parent	8140842a1b9d12c52c2b5db11352e4f5d91058d7 (diff)
download	translated-content-1bbb4d9683edd28fc947b17804e5b882184ecfcb.tar.gz translated-content-1bbb4d9683edd28fc947b17804e5b882184ecfcb.tar.bz2 translated-content-1bbb4d9683edd28fc947b17804e5b882184ecfcb.zip