Making chessboard with css v2

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
    .chess_board {
      display: block;
    }

    .chess_cell {
      display: block;
      float: left;
      font-family: serif;
      font-size: 3em;
      width: 1.2em;
      padding-left: 0.3em;
    }

    .white_cell {
      background-color: rgb(217, 245, 2);
    }

    .black_cell {
      background-color: rgb(89, 34, 21);
    }

    .white_piece {
      color: rgb(179, 48, 63);
    }

    </style>
  </head>
  <body>
    My chess board
    <div class="chess_board">
      <div class="chess_cell black_cell">&#9818;</div>
      <div class="chess_cell white_cell white_piece">&#9813;</div>
      <div class="chess_cell black_cell white_piece">&#9813;</div>
      <div class="chess_cell white_cell">&#9818;</div>
    </div>
    My another chess board ... to be drawn !
  </body>
</html>