Как выровнять текст внутри тега legend по центру в firefox?

Question

[Паша Тарасенко]

Последняя лиса категорически отказывается видеть свойство text-align: center для текста внутри legend. Текст просто остается прижат к левому краю. В 11 IE, хроме все ok

Answer 1

[Дмитрий]

вот так можно
https://jsfiddle.net/5tc24ngc/

Comments

[Паша Тарасенко]

отлично, спасибо

[Паша Тарасенко]

валидатор ругается что тег устаревший

[Дмитрий]

да так и есть, но увы в firefox только так цеyтрируется legend

Answer 2

[Максим]

Вот так надо ? https://jsfiddle.net/atlanta/mdz6vkor/

Comments

[Паша Тарасенко]

да, только посмотри на этот пример в firefox, он не по центру

[Паша Тарасенко]

Максим Жаров: у меня слева текст отображается, и только что запустил в сервисе Browser Stack, эмулировал лису и текст тоже слева, а не по центру

[Максим]

Паша Тарасенко: точно , не работает , надо пошарить во лбу

[Паша Тарасенко]

Максим Жаров: можно конечно задать ширину и выровнять margin: 0 auto, но так же неправильно будет, к тому же если разный текст в нескольких legend то это уже слишком много кода получается если добавлять модификаторы к каждому legend

[Максим]

Паша Тарасенко: канечно тапорно но https://jsfiddle.net/mdz6vkor/1/ можно это реализовать на table и и маргин ауто - лучше будет

[Паша Тарасенко]

Максим Жаров: а если текста будет больше?

[Максим]

Паша Тарасенко: я же говорю display table , ему размер не нужен

[Максим]

Максим Жаров: я завтра это сделаю и приведу пример тебе , разумеется кроссбраузерно , у меня ночь - утром на работу

Answer 3

[Alexander_Morlock]

legend {
  margin-left: auto;
  margin-right: auto;
}