<html>
<head>
<title>Div example</title>
<style type="text/css">
.container1{
clear: 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;
}
.cellC {
background-color: #3399ff;
}
</style>
</head>
<body>
<div class="container2">
<div>31</div>
<div>30</div>
<div>29</div>
<div>28</div>
<div>27</div>
<div>26</div>
<div>25</div>
<div>24</div>
<div>23</div>
<div>22</div>
<div>21</div>
<div>20</div>
<div>19</div>
<div>18</div>
<div>17</div>
<div>16</div>
<div>15</div>
<div>14</div>
<div>13</div>
<div>12</div>
<div>11</div>
<div>10</div>
<div> 9</div>
<div> 8</div>
<div> 7</div>
<div> 6</div>
<div> 5</div>
<div> 4</div>
<div> 3</div>
<div> 2</div>
<div> 1</div>
<div> 0</div>
<div><bitnumber</div>
</div>
<div class="container1">
<div class="cellA">1 </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 class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellB">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
<div class="cellC">0 </div>
</div>
<br />
<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>11</div>
<div>12</div>
<div>13</div>
<div>14</div>
<div>15</div>
<div>16</div>
<div>17</div>
<div>18</div>
<div>19</div>
<div>20</div>
<div>21</div>
<div>22</div>
<div>23</div>
<div>24</div>
<div>25</div>
<div>26</div>
<div>27</div>
<div>28</div>
<div>29</div>
<div>30</div>
<div>31</div>
<div>32</div>
</div>
</body>
</html>