Fieldset - a bit styled one

Form using a fieldset can be a good idea

by prasun_sultania

HTML

<fieldset>
    <legend>Your Contact Details</legend>
    <div>
        <label for="author">Name:</label>
        <input name="author" id="author" type="text" />
    </div>
    <div>
        <label for="email">Email Address:</label>
        <input name="email" id="email" type="text" />
    </div>
    <div>
        <label for="url">Web Address:</label>
        <input name="url" id="url" type="text" />
    </div>
</fieldset>

CSS

fieldset {
margin: 1em 0;
padding: 1em;
border : 1px solid #ccc;
background: #f8f8f8;
}

legend {
font-weight: bold;
}

/*align labels together, give them a width*/
label {
display: inline-block;
cursor: pointer;
width: 110px;    
}

input {
width: 20em;
}