how to make minecraft block in css and html

1<style>
2  red{
3    background-color:red;
4    height: 8px;
5    width: 8px;
6  }
7  orange{
8    background-color:orange;
9    height: 8px;
10    width: 8px;
11  }  
12  yellow{
13    background-color:yellow;
14    height: 8px;
15    width: 8px;
16  }  
17  green{
18    background-color:green;
19    height: 8px;
20    width: 8px;
21  }  
22  blue{
23    background-color:blue;
24    height: 8px;
25    width: 8px;
26  } 
27  navy{
28    background-color:navy;
29    height: 8px;
30    width: 8px;
31  }  
32  purple{
33    background-color:purple;
34    height: 8px;
35    width: 8px;
36  }
37</style>
38<div class="red"></div>
39<div class="orange"></div>
40<div class="yellow"></div>
41<div class="green"></div>
42<div class="blue"></div>
43<div class="navy"></div>
44<div class="purple"></div>
45