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

1 files changed, 3 insertions, 3 deletions

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;