Wyśrodkowanie nie działa

Witam, nie działa mi wyśrodkowanie divów wie ktoś dla czego

<h2>Najlepsze darmowe gry tyko u nas</h2>
   

<div class="gry1">

 <a Title="golf" href="golf.swf">Golf</a><br>
<a Title="Uwaga Zakręt" href="Uwaga Zakręt.swf">Uwaga Zakręt</a><br>

</div>

<div class="gry2">

<a Title="Wyścigi" href="wyscigi.swf">Wyścigi</a><br>
<a Title="Minecraft" href="Minecraft.swf">Minecraft</a><br>

</div>

<div class="gry3">

<a Title="Rzuty karne" href="Rzuty karne.swf">Rzuty karne</a><br>
<a Title="Ogien i woda" href="Ogien i woda.swf">Ogien i woda</a><br>

   </div>

.gry1
{
	float:left;
    margin-left:50px;
    margin-right:50px;
	text-align: center;
	}

.gry2
{
	float:left;	
    margin-left:50px;
    margin-right:50px;
	text-align: center;
	}


.gry3
{
	float:left;	
    margin-left:50px;
    margin-right:50px;
	text-align: center;
	}

h1, h2, h3, g4, h5, h6
{
	text-align: center;
}

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