легенда fieldset text-align правая ошибка в Firefox

Question

Есть ли способ выровнять легенду набора полей в Firefox вправо? Я думал, что это были только мои стили, но, очевидно, даже с примером онлайн FF fieldset игнорирует text-align: right:

http://www.quackit.com/html/tags/html_fieldset_tag.cfm (работает в хроме)

Answer 1

Нет очевидного способа сделать это в CSS (и, в частности, CSS вообще не может описать стили легенды / fieldset, поэтому тот факт, что все это работает, является чудом), но <legend> имеет атрибут с именем align, который можно установить на right следующим образом:

<fieldset>
  <legend align="right">My stuff</legend>
</fieldset>

чтобы получить желаемое поведение в Firefox. Я удивлен, что некоторые люди видят его прямо на этом тестовом примере; нет никаких условий для выравнивания легенды прямо в Gecko, за исключением этого атрибута выравнивания и direction: rtl fieldsets.

Answer 2

Атрибут align legend устарел с HTML 4.01. Однако выравнивание элемента легенды с использованием float: left; и float: right;, похоже, работает довольно неплохо во всех браузерах, хотя может потребоваться добавить поле для первого элемента после элемента легенды.

Answer 3

Я опоздал, чтобы ответить, но я нашел этот вопрос через Google и подумал, что это может помочь кому-то в будущем

, чтобы расположить легенду так, как вам нравится, по горизонтали, все, что вам нужно сделать, это установить ееwidth свойство для 100%, а затем обрабатывает его дочерние элементы, как если бы они были внутри однострочного блока

, например, если вы хотите выровнять содержимое вправо, выполните

    label{
      width:100%;
      text-align:right;
    }

конечно, не забывайте быть осторожным с шириной родительской метки, чтобы избежать недоразумений

Answer 4

Я узнал, что Firefox поддерживает что-то вроде этого

text-align:-moz-right;

Возможно, вы могли бы попробовать это - это могло бы заставить выравнивание текста работать в более старой версии FF.