On 10/27/10 3:40 PM, Tim White wrote:
On Wed, Oct 27, 2010 at 5:24 AM, Michal Čizmazia<cim...@gmail.com> wrote:
How can I align the input and select form elements in my test case, so
that their horizontal borders are aligned and all text including
labels is aligned to the baseline?
What exactly do you want to do? Do you want the fields stacked on top
of each other? Then put each in a<p> (or other block-level element
like<div></div>).
<form action="Submit" method="post">
<p>
<label>Sex<select><option value=""
selected="selected">Sex</option></select></label>
</p>
<p>
<label>Date of Birth<input type="text" value="Date of Birth" /></label>
</p>
</form>
... or simply unwrap the inputs from the labels and add this rule:
label { display: block; }
Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
