Centralizar reCaptcha

O reCAPTCHA é um serviço de CAPTCHA atualmente mantido pelo Google e que consiste em uma aplicação do teste de Turing: um desafio de simples solução por humanos, mas que se mostra insolúvel, ou muito difícil de resolver, por um computador, robô de Internet ou mesmo uma inteligência artificial.

A principal utilidade do reCAPTCHA é a de validar envios de formulários.

Neste tutorial não vamos falar como configurar um reCaptcha, apenas como centralizá-lo na página.


Exemplo da inserção do reCaptcha na página:

<div data-sitekey="SUA-KEY" class="g-recaptcha"></div>		

Para conseguir centralizar a div do reCaptcha, vamos ter que criar uma outra div em volta dela:


<div style="text-align: center;">
	<div data-sitekey="SUA-KEY" class="g-recaptcha"></div>	
</div>	

Além da div em volta, devemos adicionar uma propriedade display na div do reCaptcha:


<div style="text-align: center;">
	<div data-sitekey="SUA-KEY" class="g-recaptcha" style="display: inline-block;"></div>	
</div>	


Saiba mais sobre reCaptcha em:

https://www.google.com/recaptcha/about/