Fieldset Legend - Top Left

by Neil Murray

HTML

<html>
    <body>
        <fieldset>
            <legend><span>Legend<span></legend>
            <p>Body<p>
        </fieldset>
    </body>
</html>

CSS

fieldset{
    border: 1px solid #CCC;
    border-top-color: #AAA;
    border-left-color: #AAA;
    background: #EEE;
    margin: 35px 10px;
    padding: 10px;
    position:relative;
}
legend {
    position:absolute;
    top:0;
}
legend span {
    border: 1px solid #AAAAAA;
    border-bottom: none;
    padding: 5px 10px;
    position:absolute;
    left: -11px;
    top: -30px;
}