verticle center with CSS Tables
Hello expert,
Working on vertically aligning some text in a CSS <div>.
I found a site that claims to provide a solution using
CSS tables.
http://www.vanseodesign.com/css/vertical-centering/
<div style="display: table; background: yellow;">
<div style="display: table-cell; background: blue; color: white; height:62px; width: 162px; vertical-align: middle;">
some text text text</div>
But this does not vertically center the text.
Am I doing something wrong.
Thanks.
Allen in Dallas
Working on vertically aligning some text in a CSS <div>.
I found a site that claims to provide a solution using
CSS tables.
http://www.vanseodesign.com/css/vertical-centering/
<div style="display: table; background: yellow;">
<div style="display: table-cell; background: blue; color: white; height:62px; width: 162px; vertical-align: middle;">
some text text text</div>
But this does not vertically center the text.
Am I doing something wrong.
Thanks.
Allen in Dallas
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Works fine for me: http://jsbin.com/jiceje/edit?html,css,output
You were missing a closing </div> tag though in your example above.
You were missing a closing </div> tag though in your example above.
Premium Content
You need an Expert Office subscription to comment.Start Free Trial