why doesn't vertikal-align work with <h1> in css?

[F. Engel]

hello guys,
my problem is, that the haedline in my table-cell goes on the top and
not in the middle. in my css the vertikal-align: middle doesn't work
with <h1>. is this normal. what can i do? please help!

F. Engel

[Anne van Kesteren]

F. Engel wrote:

hello guys,
my problem is, that the haedline in my table-cell goes on the top and
not in the middle. in my css the vertikal-align: middle doesn't work
with <h1>. is this normal. what can i do? please help!

F. Engel

<style type="text/css">
@media screen{
h1{
line-height:4em;
vertical-align:middle;
font:2em Arial,Helvetica,sans-serif;
}
}
</style>

--
Anne van Kesteren
http://www.annevankesteren.nl/

[Klaus Johannes Rusch]

"F. Engel" wrote:

hello guys,
my problem is, that the haedline in my table-cell goes on the top and
not in the middle. in my css the vertikal-align: middle doesn't work
with <h1>. is this normal. what can i do? please help!

Could it be a spelling problem? vertikal should be vertical

--
Klaus Johannes Rusch
Kl********@atmedia.net
http://www.atmedia.net/KlausRusch/

[Steve Pugh]

fl***@comictrash.de (F. Engel) wrote:

my problem is, that the haedline in my table-cell goes on the top and
not in the middle. in my css the vertikal-align: middle doesn't work
with <h1>. is this normal. what can i do? please help!

Does your CSS actually say vertikal-align? The correct property is
vertical-align.

Have you applied the property to the <h1> or to the <td>?
vertical-align only applies to inline elements or to table-cell
elements. <h1> is a block level element and so it does not apply.
Apply it to the <td> to affect the contents, including the <h1>.

However, what's a <h1> doing inside a table cell anyway? That's pretty
funny data. Sounds like your using a table for layout.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>