Any have any idea how to get reCaptcha 2.0 to center?

[Robert Gass]

I've found this, but it's not working for me.

#recaptcha_area, #recaptcha_table { 

      margin: 0 auto !important; 

} 

[Robert Gass]

I was able to get this to work.  Basically, the div surrounding the div assigned to reCaptcha needs the css applied to it with a width.

CSS:

#recaptcha {
    width: 304px;
    margin: 0 auto;
}

html:

<div id="recaptcha">
	<div id="getdata" class="g-recaptcha" data-sitekey="xxx"></div>
	</div>

--
You received this message because you are subscribed to a topic in the Google Groups "reCAPTCHA" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/recaptcha/szv-Elmokk0/unsubscribe.
To unsubscribe from this group and all its topics, send an email to recaptcha+...@googlegroups.com.
To post to this group, send email to reca...@googlegroups.com.
Visit this group at http://groups.google.com/group/recaptcha.
For more options, visit https://groups.google.com/d/optout.

[Marius de Bruyn]

I had the same problem: you were given the following, correct?

<div class="g-recaptcha" data-sitekey="your key code"></div>

so all you need to do is add what's highlighted below:

<div align="center" class="g-recaptcha" data-sitekey="your key code"></div>

that will solve it and it will always be in the center!

[Andres Montero]

I make this code and is working for me: 

.g-recaptcha > div > div{
 margin 10px auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}

[Massimiliano Ranauro]

Great!! It's works fine for me too! Thank you!

[Mitch Alves]

This worked nicely, thanks!

[Stefano Marchiori]

I think that now there is a ">div" more.

For me work fine this code:

.g-recaptcha > div{

[Aaron Ekinaka]

Worked perfectly. Thank you!

[Cane Kostovski]

Nothing I try moves the recaptcha from the bottom left. I have tried CSS, HTML. I tried 10 different solutions, ALL of which should have worked, but it stubbornly won't move.

[Javier Canos]

Hi Cane,

I have used a variant of Andres Montero's solution, changing one div how said Stefano:

.g-recaptcha > div {
 margin-top: 1em;

 text-align: center;
 width: auto !important;
 height: auto !important;
}

It works for Chrome and Firefox, not in Opera. 

Other solution for all browsers, is use Marius's solution:

<div align="center" class="g-recaptcha" data-sitekey="your key code"></div>

It works for all browsers without change any css code.

Greetings.