I need help centering an old reCaptcha code within a form, but my attempts have not been successful.
Here is what I have tried:
margin:0 auto;
margin:0 auto !important;
text-align:center;
This is the HTML code I am working with:
<p class="captcha">
<script type="text/javascript">
var RecaptchaOptions = {
lang : 'en',
theme : 'white',
tabindex : 9
};
</script>
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=..."></script>
<noscript>
<iframe src="http://api.recaptcha.net/noscript?k=..." height="300" width="500"></iframe><br/>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
</noscript>
<span class="validation-error"></span>
</p>