Posts: 850
Name: Matt Pealing
Location: England, north west
|
I've decided to do things a little differently with this form.
Rather than throw a load of divs or p elements into the form to break it up, I decided to target all of the labels instead, to keep my HTML a little cleaner:
Code:
<form id="frm-quick" action="">
<label>Name:<input type="text" id="name" name="name" /></label>
<label>Email Address:<input type="text" id="email" name="email" /></label>
<label>Repeat Email:<input type="text" id="emailRep" name="emailRep" /></label>
<label>Message:<input type="text" id="message" name="message" /></label>
<label><a href="#">View full form here</a><input class="submit" type="submit" name="quick-send" id="quick-send" value="Send" /></label>
</form>
Only I've noticed that both the text and the fields are always right at the top of each label, making the text look to high.
I could add top padding onto the label which would budge down the text, but it would also move the input fields down so therefore it's pointless.
Is there any way to move the text inside the labels further down without affecting the input fields positioning?
Thanks.
|