More than 3 years have passed since last update.

Google reCAPTCHAの中央寄せ

Posted at 2022-03-16

Google reCAPTCHAを設置しようとすると、

<div class="g-recaptcha" data-sitekey="" data-callback="" data-expired-callback="" style=""></div>

こんなようなソースを貼れと言われる。

これを貼ると、その中にdivが作られて、だーっといろいろなソースが生成されて表示されるが、divの中のdivなので中央寄せができない。

ということでcssを以下のようにすればよい。

.g-recaptcha div {
    display: inline-block;
}