I have designed a form below:
<form id="frm-emailfriend" action="">
<label for="to">To:</label><input name="to" type="text" class="textBox" size="15" /><br />
<label for="from">From:</label><input name="from" type="text" class="textBox" size="15" /><br />
<label for="subject">Subject:</label><input name="subject" type="text" class="textBox" size="25" /><br />
<label for="">&nbsp;</label><input name="to" type="text" class="textBox" size="15" />
</form>

The CSS class for the above:
#frm-emailfriend label{
display:block;
width:250px;
text-align:right;
}

The problem is the labels are not getting right aligned to the input fields in the browser. Please let me know how to get them right aligned?

Shivanand Yerva

__________________
Shivanand

Dear Cyber Shiva

You have used "frm-emailfriend" as id of your form tag. Always remember that using hyphen for 'id' attribute is not possible. Replace "frm-emailfriend" with "frm_emailfriend" and look at your desire layout