[vox-tech] CSS - positioning two elements in same <td> container

[p at dirac.org]

Suppose I have a table cell:

   <table>
   <tr><td></td></tr>
   </table>

and I wanted to typeset "foo" and "bar" in the cell.  I want foo to be
normal size but bar to be small font.   The cell should look like:



|-----------|
|           |
|           |
|    foo    |
|           |
|bar        |
|-----------|


What would the CSS look like?

Thanks!