Как вырованять legend по середине fieldset?

184

28 февраля 2018, 07:34

Доброго времени суток, возник вопрос. Как выровнять legend по центру fieldset?

Нагуглил такой способ:

<fieldset> 
  <legend align="center">Текст</legend> 
</fieldset>

Так же пробовал делать при помощи text-align: center; и margin-left: 50%; tranform: translateY(-50%); но не вышло то, что нужно.

Но сейчас, вроде как, пользоваться такими атрибутами - плохой тон. Есть другие способы?

Answer 1

Используйте такой способ:

legend { 
    margin: auto;
}

Answer 2

Вариант 1 - минус в том, что ячейка на всю ширину и перекрывает границу fieldset:

fieldset>legend { 
  width: 100%; 
  display: table-cell; 
  text-align: center; 
}

<fieldset> 
  <legend>Fix using absolute and transform</legend> 
</fieldset>

ТОП-10

На данный вопрос уже ответили:

213

По какой причине может не отображаться неразрывный пробел   в шрифте и как это исправить? Использую локально подключенный шрифт "Futuris"При...

260

Два года назад была создана база, сейчас хочется ее немного привести в порядок

216

При попытке загрузить смайлик в БД, пишет: "1366 (HY000): Incorrect string value: '\xF0\x9F\x98\x89' for column 'last_name' at row 1"

256