Platí to, aby sa rozpätie okolo legendy v poliach? - html

Snažím sa napísať legendu v poliach aim beží do veľa problémov. Keďže moje stránky reagujú a dĺžka textu legendy sa líši, nedokážem dosiahnuť to, čo chcem v súlade s okrajmi, relatívnou alebo absolútnou polohou.

<fieldset>
<legend>Title</legend>
<label>Label</label>
<input type="text">
</fieldset>

Všetko, čo potrebujem, je, aby sa legenda správala ako anormálna úroveň blokovania. Jediný spôsob, aký som zistil, že to urobím, je zabaliť legendu v rozpätí. Je to platný HTML? Predpokladám, že neexistuje žiadne riešenie CSS?

<fieldset>
<span>
<legend>Title</legend>
</span>
<label>Label</label>
<input type="text" />
</fieldset>

odpovede:

A legend prvok platí iba ako prvé dieťa fieldset element. Nájdete tu o spec.

I "ve vytvorený rybička tu s kódom, ktorý obaľuje <legend> prvok v a <span>, a to spôsobuje chybu vo validátore W3C.

Ďalším riešením je použitie skriptu CSS na skrytie legendy pred zobrazením:

legend { display: none; }

Potom môžete vytvoriť a upraviť svoje vlastné nadpisy pre množinu polí.