[css] align to top

Hi,
how can I using CSS align text in each <td> to be top-right ?

Right I can have using text-align: top but how to align verticaly?

Btw. why this property is name TEXT-align, while it aligns not only
text, but all content (including <img> <div> <span> etc) ?

--
:. http://www.raf256.com/from-news .: ~~~~~~~l-.~~~~~~\ SSN 688
:.:. Rafal (at) Raf256 (dot) com .:.: ____| ]____, '--------
:. :. Rafal 'Raf256' Maj .: .: * ) . . _
:.:.:.:. GG - 1175498 .:.:.:.: ,"----------"

Rafal 'Raf256' Maj

"Rafal 'Raf256' Maj" <> wrote:

>how can I using CSS align text in each <td> to be top-right ?

vertical-align: top;
text-align: right;

>Right I can have using text-align: top

No such thing.
See http://www.w3.org/TR/CSS2/text.html#propdef-text-align
Value: left | right | center | justify | <string> | inherit

>but how to align verticaly?

In a <td>, by using vertical-align.
See http://www.w3.org/TR/CSS2/visudet.ht...vertical-align

>Btw. why this property is name TEXT-align, while it aligns not only
>text, but all content (including <img> <div> <span> etc) ?

Some browsers are buggy. It should only align inline content (so <img>
is aligned) not child blocks, though it will align the content of
those child blocks. See the above URI.

Steve

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

Steve Pugh <> <http://steve.pugh.net/>

Steve Pugh

[Jason Nich]

Hello,
I require some assistance with regards to alignment. That is similar to the above post.

The Requirement:
I need to have my h6 heading and my p paragraph, inline and top aligned. Also the paragraph should not wrap around the h6 heading.
Please refer to the applicable sample HTML code and the CSS I applied to the HTML to present the HTML below.

The HTML code:
<code>
<h6> par 31. </h6>
<p> The contents of the applicable paragraph, that relatest the h6 heading, that I would like to have side be side and vertical-align: top with the h6 heading </p>
</code>

The CSS code: (to align the above the HTML)

h6 { float: left; }

p { padding-left: 4em; }

My Solution is not perfect because...
I need the h6 heading to be "vertical-align: top" to be inline with the first line of the paragraph (p), but the vertical-align:top does not work on h6 float left.

Jason Nich