フィールドセットを中央に配置したいのですが、内容に応じてサイズを変更したいのでdisplay: inline-block;
、スタイルに属性を追加しました。これにより、フィールドセットが左に移動します...
フィールドセットを中央に配置するために使用margin: 0 auto;
していましたが、機能しなくなりました...
CSSルールに追加text-align: center;
するだけで、機能しているように見えます(sを下のsの中央に配置します)。fieldset
label
input
fieldset
コンテンツではなく中央に配置する必要があるので、の親要素にを追加するだけtext-align: center;
ですfieldset
。通常、これは要素(またはネストが有効なためform
親)である必要がありますが、リンクされた例にはないため、要素にを適用しました:更新されたJSFiddleデモ。fieldset
form
text-align
body