Согласно нескольким ссылкам в Интернете, невозможно разместить легенду. Поэтому предлагается обернуть его span:
<legend><span>Foo</span></legend>
Затем мы можем поместить пролет внутри набора полей. но тогда, когда я хочу добавить границу поверх набора полей, есть пробел для легенды. К счастью, я обнаружил, что добавление границы к легенде также устраняет этот маленький, крошечный разрыв, но это уродливое решение (как и все остальное с css). У вас есть более верные решения этой проблемы?
note: Я нашел решение одновременно, после того, как начал писать этот вопрос, поэтому я хочу его еще спросить.