Can't line up texts

Hi,
I am having problem lining up two labels on two lines below each
other. I have:
text --- dropdown --- text --- dropdown
text --- dropdown --- text --- dropdowns

and even though I specified same width for both texts, within a span,
the dropdowns don't line up.

<div style="width:100%">
<span style="width:150px;">Select Month</span>
<span style="padding-right:30px">
<aspropDownList Width="150px">
</aspropDownList>
</span>
<span style="width:150px;">Select Year</span>
<span>
<aspropDownList Width="150px">
</aspropDownList>
</span>
</div>

<div style="padding:20px 0 20px 0;width:100%;">
<span style="width:150px;">Select Report Type</span>
<span style="padding-right:30px">
<aspropDownList Width="150px">
</aspropDownList>
</span>
<span style="width:150px;">Select Site</span>
<span>
<aspropDownList Width="150px">
</aspropDownList>
</span>
</div>

Thanks.

ashkaan57 (AT) hotmail (DOT) com wrote:

and even though I specified same width for both texts, within a span,
the dropdowns don't line up.

span style="width:150px;">Select Month</span

http://www.w3.org/TR/CSS21/visudet.html#propdef-width
"Applies to: all elements but non-replaced inline elements, table
rows, and row groups"

Span is a non-replaced inline element, so width doesn't apply.

BTW, you should be using <label> instead of <span> for those form
labels. That's what it's for. And you can probably get all your other
form styling questions answered yourself:
http://www.google.com/search?q=style+forms+with+css

--
Berg

On Nov 15, 5:30 pm, Bergamot <berga... (AT) visi (DOT) com> wrote:

ashkaa... (AT) hotmail (DOT) com wrote:

and even though I specified same width for both texts, within a span,
the dropdowns don't line up.

span style="width:150px;">Select Month</span

http://www.w3.org/TR/CSS21/visudet.html#propdef-width
"Applies to: all elements but non-replaced inline elements, table
rows, and row groups"

Span is a non-replaced inline element, so width doesn't apply.

BTW, you should be using <label> instead of <span> for those form
labels. That's what it's for. And you can probably get all your other
form styling questions answered yourself:http://www.google.com/search?q=style+forms+with+css

--
Berg

Thanks. I learned something new today. I used lables and it is fine.