Why is my heading and text not appearing? : <p>I'm sure this is really simple, sorry but I'm a web noob. I can't get the headings to show up on the page.</p>

<pre><code>&lt;html&gt;

&lt;style&gt;

body {
background: linear-gradient(to right, #bdc3c7, #2c3e50);
}

&lt;style/&gt;

&lt;body&gt;

&lt;h1&gt;That Was Then&lt;h1/&gt;
&lt;p&gt; A toronto based band &lt;p&gt;

&lt;body/&gt;

&lt;html/&gt;
</code></pre>
