HTML fieldset, центр не работает

Question

Я хочу центрировать набор полей, но я хочу, чтобы он был изменен из-за его содержимого, поэтому я добавил attr display: inline-block; к стилю, который делает это, но он перемещает набор полей влево ...

Я использовал margin: 0 auto; для центрирования набора полей, но он больше не работает ...

Вот пример

Answer 1

Если вы просто добавите text-align: center; к своим fieldset правилам CSS, похоже, что это сработает (центрируя label s против input s ниже).

Демонстрация JS Fiddle.

Отредактировано

Поскольку необходимо центрировать fieldset, а не его содержимое, просто добавьте text-align: center; к родительскому элементу fieldset.Обычно это должен быть элемент form (или родительский элемент fieldset, поскольку вложение допустимо), но поскольку в связанном примере form нет, я применил text-align к элементу body: обновленная демоверсия JS Fiddle .