use class="hidden" not style="display:none"

8 files changed, 13 insertions, 15 deletions

diff --git a/files/es/web/api/canvasrenderingcontext2d/arc/index.html b/files/es/web/api/canvasrenderingcontext2d/arc/index.html
index db4803a7ab..e6867c1785 100644
--- a/files/es/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/arc/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
 
 <p><span class="notranslate">Edite el código de abajo y vea su actualización de cambios en vivo en el lienzo:</span></p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code" name="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -97,7 +97,7 @@ window.addEventListener("load", drawCanvas);
 
 <p><span class="notranslate">En este ejemplo se dibujan diferentes formas para mostrar lo que es posible al usar <code>arc()</code> .</span></p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="HTML_2">HTML</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html
index 1c91e264f4..1ba81cea48 100644
--- a/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
 
 <p>Edita el código aquí debajo y mira tus cambios actualizarse en vivo en el canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html
index 64aa1a3908..12f9709bc5 100644
--- a/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -41,7 +41,7 @@ translation_of: Web/API/CanvasRenderingContext2D/clearRect
  </dt>
 </dl>
 
-<p><span style="display: none;"> </span> Este es un simple fragmento (snippet) de código que usa el método <strong><code>clearRect</code></strong>.</p>
+<p><span class="hidden"> </span> Este es un simple fragmento (snippet) de código que usa el método <strong><code>clearRect</code></strong>.</p>
 
 <h4 id="HTML">HTML</h4>
 
@@ -64,7 +64,7 @@ ctx.clearRect(10, 10, 100, 100);
 // clear the whole canvas
 // ctx.clearRect(0, 0, canvas.width, canvas.height);</pre>
 
-<h2 id="sect1"><span style="display: none;"> </span> </h2>
+<h2 id="sect1"><span class="hidden"> </span> </h2>
 
 <p>Edite el código de abajo y vea sus cambios actualizados en vivo en el canvas:</p>
 
@@ -87,7 +87,7 @@ ctx.clearRect(10, 10, 100, 100);
  </tbody>
 </table>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html
index 2d5330ec53..45146d25ef 100644
--- a/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
 <h4 id="HTML">HTML</h4>
 
 <pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
        width="300" height="227"&gt;
 &lt;/div&gt;
@@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
 
 <p>Edita el código debajo y observa los cambios actualizarse en vivo en el canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
 &lt;/div&gt;
 &lt;div class="playable-buttons"&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html
index bc1a6ddf65..b1308d9171 100644
--- a/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -49,7 +49,7 @@ ctx.fillRect(10, 10, 100, 100);
 
 <p>Edita el código  que se encuentra a continuación y observa en vivo los cambios actualizados en el canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/index.html b/files/es/web/api/canvasrenderingcontext2d/index.html
index 77df4af190..f831371fe2 100644
--- a/files/es/web/api/canvasrenderingcontext2d/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/index.html
@@ -441,7 +441,7 @@ ctx.fillRect(10, 10, 55, 50);
 <div id="SLG_balloon_obj" style="display: block;">
 <div class="SLG_ImTranslatorLogo" id="SLG_button" style="display: none; opacity: 1;"> </div>
 
-<div id="SLG_shadow_translation_result2" style="display: none;"> </div>
+<div id="SLG_shadow_translation_result2" class="hidden"> </div>
 
 <div id="SLG_shadow_translator" style="display: none; box-shadow: rgb(186, 185, 181) 0px 0px 0px;">
 <div id="SLG_planshet">
@@ -455,7 +455,7 @@ ctx.fillRect(10, 10, 55, 50);
 <div class="SLG_BL_LABLE_ON" id="SLG_P2" title="Translator">T</div>
 </div>
 
-<div id="SLG_alert_bbl" style="display: none;">
+<div id="SLG_alert_bbl" class="hidden">
 <div id="SLHKclose" style=""> </div>
 
 <div id="SLG_alert_cont"> </div>
diff --git a/files/es/web/api/event/event/index.html b/files/es/web/api/event/event/index.html
index b1410daf7b..fa62101a16 100644
--- a/files/es/web/api/event/event/index.html
+++ b/files/es/web/api/event/event/index.html
@@ -26,7 +26,7 @@ translation_of: Web/API/Event/Event
   <li><code>"bubbles"</code>: (Opcional) {{jsxref("Boolean")}} indica si el evento se propaga. Por defecto es <code>false</code>.</li>
   <li><code>"cancelable"</code>: (Opcional) A {{jsxref("Boolean")}} indica si el evento puede ser cancelado. Por defecto es <code>false</code>.</li>
   <li><code>"scoped"</code>: (Opcional) {{jsxref("Boolean")}} indica el ámbito de propagación. Si el valor es <code>true</code>, <code>deepPath</code> contendrá el nodo de destino.</li>
-  <li><code>"composed"</code>: (Opcional) {{jsxref("Boolean")}} que indica si el evento disparará listeners fuera de un shadow root. Por defecto es <code>false</code>.<span style="display: none;"> </span></li>
+  <li><code>"composed"</code>: (Opcional) {{jsxref("Boolean")}} que indica si el evento disparará listeners fuera de un shadow root. Por defecto es <code>false</code>.<span class="hidden"> </span></li>
  </ul>
  </dd>
 </dl>
diff --git a/files/es/web/api/media_streams_api/index.html b/files/es/web/api/media_streams_api/index.html
index 38ece0b5b8..41b5620158 100644
--- a/files/es/web/api/media_streams_api/index.html
+++ b/files/es/web/api/media_streams_api/index.html
@@ -211,7 +211,7 @@ original_slug: WebRTC/MediaStream_API
   <dd>
     <strong>MediaTrackConstraints</strong> or <strong>null</strong></dd>
   <dt>
-    <span id="cke_bm_186C" style="display: none;"> </span>Excepciones</dt>
+    <span id="cke_bm_186C" class="hidden"> </span>Excepciones</dt>
   <dd>
     None.</dd>
 </dl>
@@ -321,7 +321,7 @@ original_slug: WebRTC/MediaStream_API
   <dd>
     INVALID_STATE_ERR if the stream is finished (all tracks have ended).</dd>
 </dl>
-<h3 id="item()">item()<span id="cke_bm_369C" style="display: none;"> </span></h3>
+<h3 id="item()">item()<span id="cke_bm_369C" class="hidden"> </span></h3>
 <p>Devuelve la MediaStreamTrack al valor de índice (index) especificado.</p>
 <dl>
   <dt>