css - 如何将减少的 reCaptcha 居中？ HTML CSS

Question

如何水平居中验证码框？为什么这么难做？HTML:

<form method="post" action="form.php">          
   <label>Email</label>
   <input class="input" name="email" type="email" placeholder="email" required>                 
   <div class="g-recaptcha" data-sitekey="here is key"></div>               
</form>

我通过这段 CSS 代码使它变小了:

.g-recaptcha{
transform:scale(0.2);
-webkit-transform:scale(0.2);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

Answer 1

只需添加 padding-left: 25%;可以以像素为单位。 margin 设置自动；或者文本居中对齐