<h2>Overriding the <code>hidden</code> Attribute with CSS</h2>

<textarea id="h1" hidden rows="5" cols="40">This text area is hidden.</textarea>

<p hidden class="para">This paragraph is hidden.</p>
textarea {
  margin-top: 20px;
  display: block;
}

.para {
  display: block;
}

body {
  padding: 0 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.