Подчёркнутый Fieldset Legend

Question

Я работаю над небольшим интерфейсом и в настоящее время имею простой набор радиокнопки внутри набора полей с легендой. В настоящее время она выглядит следующим образом:

Но я хочу, чтобы получить границу между легендой и кнопками, например, так:

Код выглядит следующим образом:

<fieldset> 
    <legend>Size:</legend> 
    <label> 
    <input type="radio" name="size" value="small" checked="checked" /> Small 
    </label> 
    <label> 
    <input type="radio" name="size" value="medium" /> Medium 
    </label> 
    <label> 
    <input type="radio" name="size" value="big" /> Big 
    </label> 
</fieldset> 

Любой совет будет оценен!

Answer 1

Попробуйте это:

fieldset { 
    border: none; 
} 
legend { 
    border-bottom: 1px solid black; 
    padding: 2px 0px; 
    width: 100%; 
} 

Demo