Jump to content

Archived

This topic is now archived and is closed to further replies.

TGIF

How to align words in the same table cell?

Recommended Posts

I dont' know too much about CSS. Just wonder how to define style sheet class to align several words on the left and several words on the right in the same table cell?

Another question is: what is the child node of table element?

Thanks a lot!

Share this post


Link to post
Share on other sites
Why not just use <div align="left"> for the stuff you want on the left, and <div align="right"> for stuff on the right?

Share this post


Link to post
Share on other sites
I tried. It didn't work.
[quote author=pixy link=topic=102290.msg405723#msg405723 date=1154230527]
Why not just use <div align="left"> for the stuff you want on the left, and <div align="right"> for stuff on the right?
[/quote]

Share this post


Link to post
Share on other sites
How on earth does it NOT work?

<table>
<tr><td>
<div align="left">This text is on the left...</div><br>
<div align="right">This text is on the right...</div>
</td></tr></table>

I know that that works.

Share this post


Link to post
Share on other sites
i think what he wants is for them to be on the same line.

to do this, you'd need to enable a float on one of the elements:

[code]<table style="width: 500px;">
  <tr>
    <td style="text-align: left;">
    <div style="float: right;">Sample text on the right.</div>
    Some text on the left.
    </td>
  </tr>
</table>[/code]

as expected, the stuff in the DIV will float to the right of the regular content.  be sure to place floated elements BEFORE the content you wish to float it next to, otherwise it will have no effect.  for more info on floating/positioning, see:

[url=http://css.maxdesign.com.au/floatutorial/index.htm]http://css.maxdesign.com.au/floatutorial/index.htm[/url]

Share this post


Link to post
Share on other sites
or you could use this:
[code]<table>
<tr>
<td>stuff</td>
<td>other stuff</td>
</tr>
</table>[/code]
That should do the trick.

Share this post


Link to post
Share on other sites
Please use an appropriate board next time!

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.