Why is there a random bracket, "]", above the canvas element on my web app? : <p><a href="https://i.stack.imgur.com/qtJXb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qtJXb.png" alt="Web App with random bracket in the left corner"></a></p>

<p>Above is an image that contains the random bracket I ram referring to. You can see in the developer tools at the bottom, that the bracket seems to be inserted at the top of the <code>body</code> tag. I have been doing a little research, but I cannot figure out why this random bracket is there. My code is below.</p>

<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;First Game&lt;/title&gt;]
        &lt;meta charset="utf-8"&gt;
        &lt;style type="text/css"&gt;
            * 
            {
                padding: 0;
                margin: 0;
            }

            canvas 
            {
                background: #eee;
                display: block;
                margin: 0 auto;
            }
        &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;canvas id="myCanvas" width="480" height="320"&gt;&lt;/canvas&gt;

    &lt;script type="text/javascript"&gt;
        var canvas = document.getElementById('myCanvas');
        var ctx = canvas.getContext('2d');

        ctx.beginPath();
        ctx.rect(10, 40, 50, 50);
        ctx.fillStyle = "#eee";
        ctx.fill();
        ctx.closePath();
    &lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p></p>

<p>As you can see, there is not a stray square bracket in the code. I am not sure why this is appearing. As a side note, this bracket is making the red square, and any other code, to not show up in the canvas. Any ideas?</p>
