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/
