HTML - Printed Text On Bottom

I am attempting to have a table cell that is outlined. No matter how much text ends up in that table cell, the top part should align to the top, and the bottom part should align to the bottom. The cell size/border needs to be consistent across the row (which is why I didn't just float some divs).

I have spent hours looking online, and have found various "solutions" that do not in fact seem to work.

Here is my 'sample' code. I know that the valign isn't working, I just put it in there so it makes sense "logically" what I am trying to do.

Thank you in advance for any help you can provide.

Code:

<table width="600">
	<tr>
    	<td style="border:1px grey solid; width:150px;">
        	<table valign="top">
            	<tr>
                	<td>Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!</td>
                </tr>
            </table>
            <table valign="bottom">
            	<tr>
                	<td>Float at the bottom!</td>
                </tr>
            </table>
        </td>
    	<td style="border:1px grey solid; width:150px;">
        	<table valign="top">
            	<tr>
                	<td>Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!Float at the top!</td>
                </tr>
            </table>
            <table valign="bottom">
            	<tr>
                	<td>Float at the bottom!</td>
                </tr>
            </table>
        </td>
    	<td style="border:1px grey solid; width:150px;">
        	<table valign="top">
            	<tr>
                	<td>Float at the top!</td>
                </tr>
            </table>
            <table valign="bottom">
            	<tr>
                	<td>Float at the bottom!</td>
                </tr>
            </table>
        </td>
    	<td style="border:1px grey solid; width:150px;">
        	<table valign="top">
            	<tr>
                	<td>Float at the top!Float at the top!Float at the top!</td>
                </tr>
            </table>
            <table valign="bottom">
            	<tr>
                	<td>Float at the bottom!</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

How can I make the text appear at left bottom...
I have 3 taGS RETURNING DATA FROM sql:
<p> #TOC# </p>
<p> BUSINESS POLICY TRADEMARK REGULATIONS. </p>
<p> #Qry.USERSIGN# </p>



I want the text from this tag to appear one after other at left bottom:
For example:

This is basic algebra lesson.
BUSINESS POLICY TRADEMARK REGULATIONS.
Smith

How to do that? Any advise is appreciated.RosieGp

tenchars//

I get how to align two sections of text, one at the left of screen and one on the right, but how do I put this line at the bottom of the screen? I tried pretty much every combination now, bottom:0, vertical-align:bottom, vertical-align:text-bottom, with and without a parent div container, nothing works! The moment I try to put the line of text at the bottom of the screen the left/right alignment would be messed up or it wouldn't show at all. It seems html only allows you to align it left/right OR bottom/top, but not both?
Any help is appreciated.

This is what I have so far:

Code:

HTML:
<div style="clear:both;" id="bottom">
  <p class="left">Text to go on left.</p>
  <p class="right">Text to go on right.</p>
</div>

CSS:
#bottom {
bottom:0;
}
.left {
float: left;
}
.right {
float: right;
}

Hi all,

I am attempting to rework a training guide that includes lots of screen caps. The guide is currently in word format, but is too big now and all the full size screen caps make the guide difficult to read.

I had intended to re-do the guide in HTML format so it can be viewed in a browser using maybe CSS to enlarge the thumbnails on mouse rollover. This would make the guide alot smaller, more functional and easier to read.

With this being a training guide though, it will also need to be printed for new staff, so my question is... Is it possible to add some HTML/Java code that will see the thumbnail images printed as the orginal sized image rather than the thumbnail itself?

Many thanks

Joe