Multiple Boards

 
 
 
 

 

JavaScript

var board1 = new ChessBoard('board1', {
  position: 'start',
  showNotation: false
});
var board2 = new ChessBoard('board2', {
  position: 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R',
  showNotation: false
});
var board3 = new ChessBoard('board3', {
  position: 'r1k4r/p2nb1p1/2b4p/1p1n1p2/2PP4/3Q1NB1/1P3PPP/R5K1',
  showNotation: false
});

HTML

<div id="board1" style="width: 200px; float: left; margin-right: 10px"></div>
<div id="board2" style="width: 200px; float: left; margin-right: 10px"></div>
<div id="board3" style="width: 200px; float: left"></div>
<div style="clear:both"></div>