Wyśrodkowanie nie działa

Question

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

Answer 1

aby margin-left: auto i margin-right: auto dało pożądany efekt, musisz nadać szerokość swojemu elementowi div:

width: 500px;

 

Comments

dzięki udało się

Answer 2

Divy gry1, gry2, gry3 musisz dać w diva, któremu dajesz margin-left: auto i margin-right: auto.

Comments

zrobiłem tak i jest bez zmian

Answer 3

proponuje zmienić na margin-left: auto; i margin-right: auto;