CSS: defining form element dimensions

by gabrieleromanato

HTML

<form action="#" method="post">
    <div>Default font family and size
        <input type="text" name="a" id="a"/>
    </div>
    <div>1em Arial, sans-serif
        <input type="text" name="b" id="b"/>
    </div>
</form>

CSS

input {
    width: 120px;
    display: block;
}

form div {
    margin: 1em;
}

#b {
    font: 1em Arial, sans-serif;
}