This CSS works: #test { border: 5px double #eee; display: table-cell; background-color: #FF0000; height: 300px; width: 400px; margin: 0 auto; font-size: 24px; line-height: 36px; vertical-align: middle; text-align: center; }
I have ignored branding and instead used only one DIV as follows: <div id="test"> 在下方键入问题,你将会在最短时间内获得回答。 更多功能,请见底部导航区。</div> The file is attached for you to test it out. I am not sure if you can get it through this newsgroup. > Hello, > > I've made a page, but I don't know how > to make the top left multi-line text become > vertical middle. > I want to change the content of the text > later, so I want it to be vertical middle by > itself. > > The page: > > http://www.ffb-all.com/my-test/1.html > > I've tried > > #site-description { > display: table-cell; > float: left; > font-size: 24px; > line-height: 36px; > vertical-align: middle; > width: 400px; > } > > and the > > #branding has height: 300px; > > but it doesn't work. > > > Thanks! > <http://www.ffb-all.com/my-test/1.html> >
______________________________________________________________________ css-discuss [css-d@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/