<html>
<head>
<title>Div example</title>
<style type="text/css">
.container1{
clear: left;
float: left;
}
.container2{
clear: left;
float: left;
}
.container1 div {
width: 10px;
height: 10px;
border: 1px solid #000000;
float: left;
font-size: 10px; font-family: monospace;
text-align: center;
}
.container2 div {
width: 10px;
height: 10px;
border: 1px solid #ffffff;
float: left;
font-size: 10px; font-family: monospace;
}
.cellA {
background-color: #ff9900;
}
.cellB {
background-color: #33cc99;
}
</style>
</head>
<body>
<div class="container2">
<div>1 </div>
<div>2 </div>
<div>3 </div>
<div>4 </div>
<div>5 </div>
<div>6 </div>
<div>7 </div>
<div>8 </div>
<div>9 </div>
<div>10</div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
<div class="container1">
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellA">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
</div>
</body>
</html>