rgb192
asked on
text and select horizontaly aligned
want the text before the select area to begin at the same place
want the select box to begin at the same place
text1 select1
text200 select200
text20001 select20001
want the select box to begin at the same place
text1 select1
text200 select200
text20001 select20001
<style>
.selectstyle1{
margin-left:0px;
font-size:10pt;
width:200px;
}
.divstyle1{
margin-left: -10px;
margin-bottom: 25px;
font-size: 10pt;
}
</style>
<div class="divstyle1">Condition of Product:
<select class="selectstyle1">
</select>
</div>
<div class="divstyle1">Condition of Product2:
<select class="selectstyle1">
</select>
</div>
<div class="divstyle1">Condition of Product3:
<select class="selectstyle1">
</select>
</div>
<style>
.span1{
width:50px;
max-width:50px !important;
min-width:50px !important;
}
.span1{
width:60px;
max-width:60px !important;
min-width:60px !important;
}
</style>
<ul>
<li>
<span class="span1">Row1text1</s pan>
<span class="span2">Row1text2</s pan>
</li>
<li>
<span class="span1">Row11text1</ span>
<span class="span2">Row11text2</ span>
</li>
<li>
<span class="span1">Row111text1< /span>
<span class="span2">Row111text2< /span>
</li>
</ul>
.span1{
width:50px;
max-width:50px !important;
min-width:50px !important;
}
.span1{
width:60px;
max-width:60px !important;
min-width:60px !important;
}
</style>
<ul>
<li>
<span class="span1">Row1text1</s
<span class="span2">Row1text2</s
</li>
<li>
<span class="span1">Row11text1</
<span class="span2">Row11text2</
</li>
<li>
<span class="span1">Row111text1<
<span class="span2">Row111text2<
</li>
</ul>
ASKER
I edited answer from gurvinder372
and got
Row1text1 select1text2
Row11text1 select11text2
Row111text1 select111text2
and got
Row1text1 select1text2
Row11text1 select11text2
Row111text1 select111text2
<style>
.span1{
width:50px;
max-width:50px !important;
min-width:50px !important;
}
.span2{
width:60px;
max-width:60px !important;
min-width:60px !important;
}
</style>
<ul>
<li>
<span class="span1">Row1text1</span>
<span class="span2">select1text2</span>
</li>
<li>
<span class="span1">Row11text1</span>
<span class="span2">select11text2</span>
</li>
<li>
<span class="span1">Row111text1</span>
<span class="span2">select111text2</span>
</li>
</ul>
ASKER
I cant use tables
I must use div
did that worked for you?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>