im trying to tidying up label elemts with css but it doesn't work

1st Style.css

orm.contact label {
font-weight: label;
font-size: small;
color: blue;
}

form.contact label. fixedwidth {
display: block;
width: 240;
float: left;
}


2nd contact.html <div>
<label for="contactname" class="fixedwidth">Contact
Name</label>
<input type="text" name="contactname" id="contactname"/>
</div>
<div>
<label for="telephone" class="fixedwidth">Telephone
Number</label>
<input type="text" name="telephone" id="telephone"/>
</div>
<div>
<label for="email" class="fixedwitdh">Email Address</label>
<input type="text" name="email" id="email"/>
</div>
<div>
<label for="eventname" class="fixedwidth">What's the event
called?</label>
<input type="text" anme="eventname" id="eventname"/>
</div>
<div>
<label for="eventdate" class="fixedwidth">When's the event
happening?</label>
<input type="text" name="eventdate" id=eventdate'/>
</div>


what did i do wrong in here?