> So your tests highlight  the input box adapts to font size and family?

Nope. As the title of the tests say, only their _height_. For that  
reason I specified a width  for the input elements. Input elements are  
inline-block elements.  the problem you mentioned:

<label for="test">Test</label>
<input type="text" name="test" id="test" />

label {
     font: 1em Arial, sans-serif;
     vertical-align: middle;
}

input {
     font: 1em Arial, sans-serif;
     vertical-align: middle;
}

you can fix it with this, but it's really rare that a web developer  
wants to align these elements this way, because it causes many  
troubles. How do I know it? Because I've tested it:

http://www.css-zibaldone.com/test/#forms

bye

http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








______________________________________________________________________
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/

Reply via email to