от вопрос уже есть ответ здесь:

Согласно нескольким ссылкам в Интернете, невозможно установить легенду. Так что предлагается обернуть его span:

<legend><span>Foo</span></legend>

Затем мы можем разместить диапазон внутри набора полей. но затем, когда я хочу добавить границу поверх набора полей, существует легенда для легенды. К счастью, я обнаружил, что добавление границы к легенде также исправляет этот маленький крошечный пробел, но это уродливое решение (как и все остальное в css). Есть ли у вас какие-либо более обоснованные решения этой проблемы?

примечание: я нашел решение одновременно после того, как начал писать этот вопрос, поэтому я все еще хочу его задать.