Add CSS class for centering

This commit is contained in:
Charles Gould 2017-01-04 23:59:18 -05:00
parent f8c7efabf4
commit 7238b592ec
2 changed files with 6 additions and 6 deletions

View File

@ -2,17 +2,17 @@ body {
padding-top: 20px; padding-top: 20px;
} }
canvas {
display: block;
margin: 0 auto;
}
h1 { h1 {
font: 24pt sans-serif; font: 24pt sans-serif;
font-variant: small-caps; font-variant: small-caps;
text-align: center text-align: center
} }
.centered {
display: block;
margin: 0 auto;
}
.hidden { .hidden {
display: none; display: none;
} }

View File

@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<div id="canvasDiv" class="hidden"> <div id="canvasDiv" class="hidden">
<canvas id="canvas" width="600" height="475" tabindex="1"></canvas> <canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas>
</div> </div>
<div id="waitingDiv" class="hidden"> <div id="waitingDiv" class="hidden">
<h1>Waiting for Opponent</h1> <h1>Waiting for Opponent</h1>