float no se mueve

[GaMeouT]

Hola
Estoy intentando centrar mis divs y lo he hecho con floats pero la de la derecha no se mueve. Lo tengo tal así:



y el codigo esté:

Código:

<div id="medio">
	
	<div class="circle" style="float:left; width:15%; height:33%; margin-left:10%;">
	<center>Login</center>
	</div>
	
	<div class="circle" style="float:right; width:15%; height:33%; margin-left:25%">
	<center>Login</center>
	</div>
	
	<div class="circle" style="float:right; width:15%; height:33%; margin-left:10%">
	<center>Login</center>
	</div>
	
	</div>

no doy con la solucion xD

saludos

[supercoco79]

Hola GaMeOuT,

Unas preguntillas referentes a tu consulta:

1. ¿Intentas centrar horizontalmente?
2. ¿Qué valor de la propiedad box-sizing tienen tus divs, border-box o content-box?

Saludos

[GaMeouT]

Hola

No se, el codigo css de los divs son estos

Código:

#medio {
padding: 10% 0em; margin: 0em 0%;
left: 50%; top: 50%; margin: -100px 0 0 -100px;

}


.circle { 

background: #ffffff; 
border-radius: 100px; 
font-size:50%;
-webkit-box-shadow: 0px 0px 52px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 52px 5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 52px 5px rgba(0,0,0,0.75);
}

ahora lo he centrado mas con: left: 50%; top: 50%; margin: -100px 0 0 -100px;
pero el circulo derecho sigue sin moverse