Ustawianie divów na stronie

Witam, mam pytanie: co mam zrobić żeby hiperłącza ustawiały się w 3 kolumnach

https://zapodaj.net/eceefe0445ff6.jpg.html

<div class="gry">

<div class="gry1">

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>


</div>

<div class="gry2">

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

</div>

<div class="gry3">

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

   </div>
  
  </div>

   <div style="clear:both"></div>

/*Gry.html*/	

.gry1
{
	float:left;
    margin-left:50px;
    margin-right:50px;

	}

.gry2
{
	float:left;	
    margin-left:50px;
    margin-right:50px;

	}


.gry3
{
	float:left;	
    margin-left:50px;
    margin-right:50px;

	}

.gry
{
     margin-left:auto;	
     margin-right:auto;
	 width: 800px;
	 }