html - Zurb Ink ボタンがパネルの 2 列を尊重しない

Question

HTML メールの作成では、Zurb Ink フレームワークを使用しています。

パネル内に複数の水平線を表示したいパネルがあります。例えば：

Panel:
[assigned] 12/12/2013 12:14:00 Reboot Server
[unassigned] 12/12/2013 15:00:00 Shutdown Server

割り当て済み/未割り当ておよびテキストフォロー用のボタンがある場所。

このコードでは、パネルとボタンをパネル内に正常に作成しました。ただし、ボタンを2列しか取得できません。ボタンを 2 列だけにして、ボタンの後にテキストを表示するにはどうすればよいですか?

            <table class="row callout">
                <tr>
                    <td>
                        <table class="twelve columns">
                            <tr>
                                <td class="panel" style="background: #ECF8FF; border-color: #b9e5ff">
                                    <table class="two columns">
                                        <table class="tiny-button small radius alert">
                                            <tr>
                                                <td>
                                                    unassigned
                                                </td>
                                            </tr>
                                        </table>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>