Issue with tic tac toe interface
<p>I'm making a tic tac toe game for a school proyect, I've already the interface but when I insert a text all the row move down.</p>

<p><a href="http://i.stack.imgur.com/KGQ9o.png" rel="nofollow">Interface picture...</a></p>

<p><a href="http://i.stack.imgur.com/e8p1G.png" rel="nofollow">Text inserted...</a></p>

<p>This is my html code...</p>

<pre><code>&lt;div id="game-space"&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;label class="casilla"&gt;X&lt;/label&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;br&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;br&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;label class="casilla"&gt;&lt;/label&gt;
    &lt;label class="casilla"&gt;O&lt;/label&gt;
&lt;/div&gt;
    &lt;br&gt;
    &lt;button id="new-game"&gt;Juego Nuevo&lt;/button&gt;
</code></pre>

<p>This is my css code...</p>

<pre><code>#game-space{

    margin: 0 auto;
    width: 310px;
    height: 310px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
}
.casilla{
    width: 100px;
    height: 100px;
    border: solid 10px rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    background-color: white;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
}
</code></pre>

<p>I've used div, p, and button tag too.</p>