Can't line up texts

[ashkaan57]

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">
<asp:DropDownList Width="150px">
</asp:DropDownList>
</span>
<span style="width:150px;">Select Year</span>
<span>
<asp:DropDownList Width="150px">
</asp:DropDownList>
</span>
</div>

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

Thanks.

[Bergamot]

as*******@hotmail.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 <labelinstead of <spanfor 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

[ashkaan57]

On Nov 15, 5:30 pm, Bergamot <[e-mail]:

[e-mail] 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 <labelinstead of <spanfor 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.