CSS not honouring display initial
<p>I can't workout how to get the second paragraph to display in this example code.  I've only tried it in Firefox.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
body {
    display: none;
}
.show {
    display: initial;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;p&gt;para 1&lt;/p&gt;
&lt;div class="show"&gt;
    &lt;p&gt;para 2&lt;/p&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>