Выровнять в центре reCaptha элемент DIV

Question

Я использую reCaptha на моем сайте, у меня есть этот код в Java:

<div id="reCAPTCHA"><c:out value="${requestScope.reCapchaChallenge}" escapeXml="false" /></div> 

Проблема заключается в том, объект ReCaptcha не центрирован в сНу ID = ReCaptcha , он выровнен по левому краю.

Что это исправить?

Answer 1

Вот один из подходов. Я считаю, что reCaptcha имеет ширину набора. Для того, чтобы найти его ширина, я бы просто использовать Chrome инспектор, Firebug и т.д. Затем с помощью CSS вот так:

Пример с изображением в качестве заполнителя для рекапчи, http://jsfiddle.net/TK87b/

CSS

#reCAPTCHA { 
    width: 300px; /* whatever the width of reCaptcha is */ 
    margin: 0 auto; 
} 

HTML

<div id="reCAPTCHA"> 
    <!-- your reCaptcha code --> 
</div>