I had read in several articles that using display:inline-block is a way to vertically align block elements, but this doesn't seem to be working for me (at least in Chrome):
<div class="wrapper" style="vertical-align: bottom; height: 100px"> <div class="inner" style="vertical-align: bottom; display: inline-block"> Hello </div> <div class="inner" style="vertical-align: bottom; display: inline-block"> world </div> </div> Why doesn't this bottom-align the inner divs? I'm aware of display:table and of various hacks to get vertical alignment, but I'm mainly curious about this particular technique. Thanks in advance. -- Yang Zhang http://www.mit.edu/~y_z/ ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/