Select Options - and some simple form elements

by prasun_sultania

HTML

<div>
    <label for="dateOfBirth">Date of Birth:</label>
    <input name="dateOfBirth" id="dateOfBirth" type="text" />
    <label id="monthOfBirthLabel" for="monthOfBirth">Month of Birth:</label>
    <select name="monthOfBirth" id="monthOfBirth">
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
    </select>
    <label id="yearOfBirthLabel" for="yearOfBirth">Year of Birth:</label>
    <input name="yearOfBirth" id="yearOfBirth" type="text" />
</div>

CSS

#monthOfBirthLabel, #yearOfBirthLabel {
text-indent: -1000em;
width: 0;
}

input#dateOfBirth {
width: 3em;
margin-right: 0.5em;
}

select#monthOfBirth {
width: 10em;
margin-right: 0.5em;
}
input#yearOfBirth {
width: 5em;
}