klickbare Quadrate in einer Matrix

[Thomas Frosch]

Ich möchte mehrere klickbare Flächen in einer "Matrix" anordnen also z.B. 4x4. Dies habe ich nun mit Ankern und CSS versucht. Habe dem Anker display:block zugewiesen, was mir es ermöglicht, die Klickfläche Quadratisch und definiert groß zu machen. Jedoch werden dadurch die klickbaren Ankerflächen untereinander angeordnet.

Ein Ausschnitt aus meiner .css Datei:

  
  
a {font-size: 30px;border:1px solid black;text-align:center; display:block; width:200px; height:200px;}  
  
a:link {color: #000000; text-decoration: none; text-underline: none;}  
a:active {color: #000000; text-decoration: none; text-underline: none;}  
a:visited {color: #000000; text-decoration: none; text-underline: none;}  
a:hover {color: #000000; text-decoration: none; text-underline: none;}  
  
a.n {background-color:#44ff00;}  
a.f {background-color:#ff0082;}  
a.m {background-color:#33aacc;}  

Wie bekomme ich mittels Anker quadratische klickbare Flächen in einer Matrix angeordnet hin? Gibt es etwas anderes als display:block? bei display:inline ist die größe der klickfläche wieder undefiniert!

Vielen Dank schonmal