Если вы дизайнер и хотите видеть элементы веб-страницы в центре, не беспокойтесь об этом, у вас нет какого-либо навязчивого компульсивного расстройства. Когда вокруг элемента есть пространство (с обеих сторон, справа и слева), довольно удобно центрировать элемент, чтобы пространство не оставалось с одной стороны.
С помощью известного элемента reCAPTCHA центрирование флажка может быть довольно трудным для достижения, если вы не знаете, какие правила CSS применяются к какому элементу соответственно, поэтому в этой статье мы расскажем вам простой способ центрировать этот элемент внутри вашего формы.
Во-первых, необходимая логика для центрирования этого элемента — центрирование текста внутри контейнера элемента reCAPTCHA, чтобы вы могли обернуть этот элемент внутри элемента div и установить для правила отображения элемента recaptcha значение inline-block
так что вы можете создать 2 класса для этого:
.text-center {
text-align: center;
}
.g-recaptcha {
display: inline-block;
}
Или, альтернативно, определите встроенные стили:
С упомянутым решением ваш элемент reCAPTCHA будет центрирован на странице.