?
Solved

Vertical Alignment Form/Label

Posted on 2010-08-15
2
Medium Priority
?
755 Views
Last Modified: 2012-05-10
Hello

I am relatively new to CSS and I am struggling to solve this simple problem.

In the attached example, there is a form on the left. I can't get the labels to be vertically aligned with the inputs. The labels are all a bit above the baseline of the text in the inputs (Chrome and IE8). (cf image attached "mismatch")

I am sure it must be simple to fix but I tried all sort of combinations of vertical-aligns on the different div/labels without success.

Thanks in advance
Charles

index.html
style.css
mismatch.png
0
Comment
Question by:cm2187
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 16

Accepted Solution

by:
HagayMandel earned 500 total points
ID: 33441652
Add to the label span css the following:
padding-top:1px;

This will do it
0
 

Author Closing Comment

by:cm2187
ID: 33441987
actually 3px did the trick!
Thanks!
0

Featured Post

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question