vertical-align in table cell

[Paul E Collins]

Hello.

Why doesn't 'test' appear at the bottom of its cell when I use the following
markup?
How should I achieve this instead?

<table border=1>
<tr>
<td>
<p>Lorem<br>ips um<br>dolor<br> sit<br>amet...</p>
</td>
<td>
<p style="vertical-align: bottom">test</p>
</td>
</tr>
</table>

P.

[Steve Pugh]

"Paul E Collins" <fi************ ******@CL4.org> wrote:

Why doesn't 'test' appear at the bottom of its cell when I use the following
markup?
Because vertical-align doesn't apply to block level elements like p.
How should I achieve this instead?

Apply the vertical-align to the td element instead.

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/>

[Paul E Collins]

"Steve Pugh" <st***@pugh.net > wrote:

vertical-align doesn't apply to block level elements
like p. Apply the vertical-align to the td element
instead.

If I wanted to have some text at the very top of the cell and some at the
very bottom, how would I go about doing that - or would it require two
separate cells?

Thanks.

P.

[Chris Morris]

"Paul E Collins" <fi************ ******@CL4.org> writes:

"Steve Pugh" <st***@pugh.net > wrote:

vertical-align doesn't apply to block level elements
like p. Apply the vertical-align to the td element
instead.

If I wanted to have some text at the very top of the cell and some at the
very bottom, how would I go about doing that - or would it require two
separate cells?

It sounds like two separate data items, so two separate data cells.

Of course, if they aren't separate, provide a URL with example and
there might be a better solution.

And if it's a layout table, you're probably better off re-doing the
layout with CSS anyway.

--
Chris