reCAPTCHA框未正确对齐

Question

我无法在注册页面上正确对齐reCAPTCHA表单.即使div它包含在已text-align设置中center,它也会显示在页面的左侧:
如果我align通过JavaScript 更改它(document.getElementById("recaptcha_widget_div").align = "right")它可以正常工作(截图在页面中间截取):

我究竟做错了什么？

编辑:这里是div和页面中调用的整个CSS的小提琴.

Answer 1

我正在发布此问题的更新解决方案,因为已接受的解决方案不适用于Google ReCaptcha的新版本2.0.

正确的格式是:

.g-recaptcha div { margin-left: auto; margin-right: auto;}

新的ReCaptcha使用一个div叫做的单个类g-recaptcha和一些未识别和未分类的div子类.这可能是使小部件正确居中的最简单最安全的方法.

Answer 2

你需要这个css规则:

#recaptcha_area { margin: auto}