افزایش طول سطر با افزایش نوشته ها

[sajad_boj71]

با سلام
لطفا عکس زیر رو ببینید:

http://upir.ir/sh94/guest/s_bb320.jpg

میخوام با افزایش نوشته ها طول سطر افزایش پیدا کنه نه اینکه مثل شکل زیر نوشته ها بهم بریزه و نوشته های سطر اول به زیر سطر دوم برن.
اینم کد هام:
کد html:


<div class="maindiv"><div class="descxmain">سطر descxmain</div><div class="descxmain2"><%#Eval("myproject")%></div></div>


<div class="maindiv"><div class="descxmain">سطر descxmain</div><div class="descxmain2"><%#Eval("mypro")%></div></div>



کد css:

.descxmain
{
color: white;
height: 24px;
padding: 0 10px;
background-color: #437593;
width: 175px;
float:right;
white-space: normal;
margin-bottom:1.8px;
}

.descxmain2
{ word-wrap: break-word;
width: 795px;
height:24px;
padding: 0 10px;
white-space: normal;
background-color: #CEC3C3;
color: #5A5959;
float:left;
margin-bottom:2px;
}

.maindiv
{
width:1010px;
height:auto;
float:right;
}




یه div کلی به نام maindiv تعریف کردم که descxmain و descxmain2 داخلشن.
ممنون میشم راهنمایی کنین.

[notlikeothers]

درود.شما widthرو به صورت درصد کار کنید فک کنم درست شه