We help IT Professionals succeed at work.

Aligning content in the middle or bottom of a table cell

Basssque
Basssque asked
on
58 Views
Last Modified: 2017-03-24
I have a table where I was asked to change the height of the rows which wasn't a problem using style="height:40px".  After doing so, the text looks like it's pushed up to the top of each cell so to push it down I tried style="vertical-align:bottom; height:40px" but the contend didn't move down at all.  Am I missing something?   There is a global style sheet that applies to the entire page, but I thought these styles within a <tr> tag would overwrite that.  Any tips would be greatly appreciated!  Thanks

<tr style="vertical-align:bottom; height:40px">
<td>Locker Number<input type="text" name="[01]locker_number" value="" size="5"></td>
<td>Locker Combination<input type="text" name="[01]locker_combination" value="" size="10"</td>
</tr>

Open in new window

Comment
Watch Question

Prepress/OMS Specialist
CERTIFIED EXPERT
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
Perfect, thank you!!
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.