Mukhiya-Chessboard

Chess Board Homework Assigment

HTML

<div class="chessboard">
<div style="text-align:center">

<div class="colour2">&#9820;</div>
<div class="colour1">&#9822;</div>
<div class="colour2">&#9821;</div>
<div class="colour1">&#9819;</div>
<div class="colour2">&#9818;</div>
<div class="colour1">&#9821;</div>
<div class="colour2">&#9822;</div>
<div class="colour1">&#9820;</div>

<div class="colour1">&#9823;</div>
<div class="colour2">&#9823;</div>
<div class="colour1">&#9823;</div>
<div class="colour2">&#9823;</div>
<div class="colour1">&#9823;</div>
<div class="colour2">&#9823;</div>
<div class="colour1">&#9823;</div>
<div class="colour2">&#9823;</div>

<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>

<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>

<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>

<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>
<div class="colour1"></div>
<div class="colour2"></div>

<div class="colour2">&#9817;</div>
<div class="colour1">&#9817;</div>
<div class="colour2">&#9817;</div>
<div class="colour1">&#9817;</div>
<div class="colour2">&#9817;</div>
<div class="colour1">&#9817;</div>
<div class="colour2">&#9817;</div>
<div class="colour1">&#9817;</div>

<div class="colour1">&#9814;</div>
<div class="colour2">&#9816;</div>
<div class="colour1">&#9815;</div>
<div class="colour2">&#9813;</div>
<div class="colour1">&#9812;</div>
<div...

CSS

body {
    background-image: url("http://cis3630.org/wood.jpg");
    background-color:red;
}
.chessboard {
    width: 650px;
    height: 650px;
    margin: 20px;
    border: 5px solid #333;
    position:relative;left:0%
}
.colour1 {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #999;
      font-size:60px;
    text-align:center;
    display: table-cell;
    vertical-align:middle;
}
.colour2 {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #fff;
    font-size:60px;
    text-align:center;
    display: table-cell;
    vertical-align:middle;