CSSセンターrecaptchaオブジェクト

-1

どのように私はセンターのthis recaptchaオブジェクトをページの下部に配置することができますか？私はすべての親オブジェクトにtext-align: center; margin: 0 auto;を試しましたが、それはまだ左に固執しています。CSSセンターrecaptchaオブジェクト

出典

2017-04-20 odedta

.wpcf7型制御ラップ{ディスプレイ 'に追加：インラインブロック。 } ' – jtrein

' text-align：center'で 'wpcf7-form-control-wrap'を設定し、margin：autoで字幕を –

@Koby Douekに設定する必要があります。 – jtrein

キャプチャの周りにdivを付けるスタイルをollowing：

.wpcf7-form-control-wrap { 
    margin: 0 auto; 
    display: inline-block; 
}

出典

2017-04-20 10:43:43

ありがとうございます。 – odedta

iframeの中身をスタイリングすることはできません。ここではそのdivのテキストアラインセンターの親にこれを行う、または与える

出典

2017-04-20 10:35:18

コードを書くためにこのdivがマークアップで利用できるとは思いません。 –

親を選択することができます。私は「そのdivのテキスト・アライメント・センターの親を与える」と言った。この場合、.wpcf7-form-control-wrap {text-align：center;}または.wpcf7-form-control {text-align：center}または.wpcf7-form-control> div {margin：0 auto ;} –

はあなたが試すことができますいくつかのソリューションです：
解決方法1：

.wpcf7-form-control-wrap{ display:inline-block; text-align:center;}

解決策2：

.wpcf7-form-control.g-recaptcha{ max-width:304px; margin:0px auto;}

出典

2017-04-20 10:42:29

ありがとうSahil。 – odedta

歓迎です –

は、CSS：

#recaptcha-box { 
    width: 304px; 
    margin: 0 auto; 
}

HTML：

<div id="recaptcha-box"> 
<div id="getdata" class="g-recaptcha" data-sitekey="xxx"></div> 
</div>

出典

2017-12-07 10:04:35

CSSセンターrecaptchaオブジェクト

答えて

関連する問題