Question: Whats the best way to split up a table element `<td>`? I don't really want to use nested tables. I need the internal element to have two elements one that is left justified and the other to be right justified with no border.

For example:

```
<table>
<tr>
<td>LEFT, RIGHT</td>
</tr>
</table>

```

any other ways to do this besides the following?

```
<table>
<tr>
<td>LEFT</td>
<td>RIGHT</td>
</tr>
</table>

```

I want the internal element to be a `<span>` or whatever is best for this.

Answer: 
I would do something like:

```
<td><div class="left>LEFT</div><div class="right">RIGHT</div></td>

```

then my css would resemble:

```
td{position: relative;}
td .left{position: absolute; text-align: left; left: 0;}
td .right{position: absolute; text-align: right; right: 0;}

```

... or something along those lines.
You could do it like this, although spans and divs are much better imo.

```
<table width="100%">
 <tr width="100%">
  <td width="100%">
   <span style="float:left;">left</span>
   <span style="float:right;">right</span>
  </td>
 </tr>
</table>

```