body {
background-color: #DBE8F9;
font: 11px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #5A698B;
}
#title {
width: 326px;
height: 26px;
color: #5A698B;
font: bold 12px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top: 5px;
background: transparent url("images/bg_legend.gif") no-repeat;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
}
form {
width: 327px;
margin-right: 231px;
}
.col1 {
text-align: right;
width: 135px;
height: 31px;
margin: 0;
float: left;
margin-right: 2px;
background: url(images/bg_label.gif) no-repeat;
}
.col2 {
width: 113px;
height: 21px;
display: block;
float: left;
margin: 0;
background: url(images/bg_textfield.gif) no-repeat;
}
.col2comment {
width: 195px;
height: 98px;
margin: 0;
display: block;
float: left;
background: url(images/bg_textarea.gif) no-repeat;
}
.col1comment {
text-align: right;
width: 135px;
height: 98px;
float: left;
display: block;
margin-right: 2px;
background: url(images/bg_label_comment.gif) no-repeat;
}
div.row {
clear: both;
width: 136px;
height: 23px;
width: 158px;
height: 40px;
}
l(images/bg_submit.gif) no-repeat;
padding-top: 5px;
clear: both;
}
.input {
background-color: #fff;
font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #5A698B;
margin: 4px 0 5px 8px;
padding: 1px;
border: 1px solid #8595B2;
}
.textarea {
border: 1px solid #8595B2;
background-color: #fff;
font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #5A698B;
margin: 4px 0 5px 8px;
}
This Is For Col 1:
<div class="row"><label class="col1">Frist Name</label> </div>
And For 2nd Col. Use This...
<span class="col2">
<asp:TextBox ID="txtfname" runat="server"
CssClass="input" Height="21px" Width="104px"></asp:TextBox></span>