vertical-alignment

How to vertically Align a text with a Select Option. Link: http://mink7.com/projects/test/dashboard.html Use labels as in this example fiddle . Markup: <form action=""> <label for="startDate">Start Date:</label> <select id="startDate"> <option value="Mar 04">Mar 04</option> </select> <label for="endDate">End Date:</label> <select id="endDate"> <option value="Aug 04">Aug 04</option> </select> </form> When this does not work, then there are some inherited styles interfering and try to set vertical-align: middle as shown in this demo . In IE and Chrome the select tag text is aligned center

I am writing an HTML page with CSS. At the top of my page I want to show a header with an image and text (image to the left of the text). The image size is 64 x 64 pixels and I want the text to be large. I was able to do almost everything except I want to align the text at the bottom but, no matter what I do, I can't seem to get the text to stop placing itself at the top. Here is the HTML for my header: <div id="container" class="container"> <div class="header"> <div class="header image"></div> <div class="header text">Header Text</div> </div> </div> and here is the CSS; .container .header {

I have a div with 2 floated divs. On the left 3 buttons and on the right links in a paragraph, single line. When the links on the right become to long (or I decide on more bottons) the paragraph goes multiline and I would like my buttons to center vertically. In my example the bold name "Joe Smith" works fine, but if becomes "Joe Smith Brown Jones" I need my buttons to center. See an example here CSS: body { color: #CCCCCC; font-family: 'Lucida Grande', 'Trebuchet MS'; font-size: 100%; } a, a:link, a:visited, a:focus { color:#4188FB; } a:active, a:hover { color:#FFCC00; } .clearboth { clear