legend positioned inside fieldset "border"

by carlosmartinezt

HTML

<fieldset>
    <legend>I'm a legend</legend>
    fieldset content
</fieldset>

CSS

fieldset {
    border:0;
    background: #ffccaa;
    margin:20px auto;
    width:50%;
    position:relative;
    padding:50px 20px 20px;
}

legend {
    font-weight:bold;
    position:absolute;
    top:20px;
    left:18px;
}