HTML Form styles

by thakkar

HTML

<form method="post" id="frmNewPeriod" action="/Home/new" novalidate="novalidate"><p>
    <label for="year" class="label">
        Year</label>
    <select name="year" id="year" class="valid"><option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
</select>
</p>
<p>
    <label for="startdate" class="label">
        Start date</label>
    <input type="text" value="" title="test" name="startDate" id="startDate" class="datepicker hasDatepicker">    
</p>
<p>
    <label for="enddate" class="label">
        End date</label>
    <input type="text" value="" name="endDate" id="endDate" class="datepicker hasDatepicker">
</p>
</form>

CSS

form p { margin-bottom: 10px; margin-top: 10px; } 
form .label { clear:left; float:left; font-weight: bold; margin-right: 10px; text-align: right; width:100px; }
form input {width:150px;}
form select {width:155px;}