Untitled

<table style="display:inline-block" width="90px">
    <tr>
        <td width="30px">1</td>
        <td width="30px">1</td>
        <td width="30px">1</td>
    </tr>


    <tr>
        <td width="30px">1</td>
        <td width="30px">1</td>
        <td width="30px">1</td>
    </tr>


    <tr>
        <td width="30px">1</td>
        <td width="30px">1</td>
        <td width="30px">1</td>

        <td width="30px">2</td>
        <td width="30px">2</td>
        <td width="30px">2</td>

        <td width="30px">3</td>
        <td width="30px">3</td>
        <td width="30px">3</td>

    </tr>

</table>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<style>
#table_id  {display: block; }
#table_id  td {display: inline-block;float:left; }
</style>


<table id="table_id" style="width:55px;table-layout:fixed" border="1">


<tr>

<td>1</td>
<td>1</td>
<td>1</td>

</tr>


<tr>

<td>1</td>
<td>1</td>
<td>1</td>

</tr>


<tr>

<td>1</td>
<td>1</td>
<td>1</td>

<td>2</td>
<td>2</td>
<td>2</td>

<td>3</td>
<td>3</td>
<td>3</td>

</tr>

</table>

<td width="30px">
  <table>
    <tr><td width="30px">3</td></tr>
    <tr><td width="30px">4</td></tr>
    <tr><td width="30px">5</td></tr>
  </table>
</td>

<td width="30px" style="white-space: pre;">
  3
  4
  5
</td>

<td style="word-break:break-word;width:10px;">345</td>