Minimal markup form with dynamic same-width labels

dabblet.css

/**
 * Minimal markup form with dynamic same-width labels
 */

fieldset {
    min-width: 100px;
    display: inline-block;
}

fieldset input{
    float: right;
}

p {
    margin-bottom: 2px;
}
​

dabblet.html

<form>
    <fieldset>
        <p><label for="lorem">lorem</label><input type="text" id="lorem" /></p>
        <p><label for="ipsum">ipsum</label><input type="text" id="ipsum" /></p>
        <p><label for="li">li</label><input type="text" id="li" /></p>
    </fieldset>
</form>​

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"css"}