html - 左側の td に中央揃えの基本的な html テーブル

Question

私はこのように表現しようとしているテーブルを持っています:

-------------------------
| L1 |       R1         | 
------------------------  
| L2 |       R2         |
-------------------------

私のコードは次のとおりです。

<div data-role="content" id="div1" align="top" style="padding:3 !important;" >  
        <table border="0" align="CENTER" cellspacing="0" width="100%" style="vertical-    align: text-bottom;" >
        <tr>
        <td></td>
        <td>
            <div id="question1" class="question">
                <input type="text" id="question" />
            <Style>
                #question{
                  font:5px;
                  font-family:verdana;
                }
            </style>        
            </div>
        </td></tr><tr>
        <td width="50"><img id="img2" width="40" height="36" style="float:right; margin-top: 0px;" ></td>
        <td style="text-align:center;">
            <div class="ui-grid-b" >
                <div class="ui-block-a"><button id="button1" type="submit" data-theme="b" style="font-size:0.8em;"></button></div>
                <div class="ui-block-b"><button id="button2" type="submit" data-theme="b" style="font-size:0.8em;"></button></div>   
                <div class="ui-block-c"><button id="button3" type="submit" data-theme="b" style="font-size:0.8em;"></button></div>  
            </div>
        </td>
        </tr>
        </table>
</div>

つまり、基本的に私がやろうとしているのは、テーブルにセクション L1 がないということです。R1 にはデータがあり、R2 にもデータがあります。L2に画像があります。私がやろうとしているのは、L1 と L2 の間の分割を削除することです。L2 の画像は、L2 の TD だけでなく、テーブルの中央に配置する必要があります。それ、どうやったら出来るの？

また、私が持っている他の質問は、次のコード行にあります。

<input type="text" id="question" />

値が入力され、これをモバイルで表示すると、テキストが次の行に移動することがあります。複数行を持つ HTML タグは textarea だけだと思いました。ここのテキストが複数行になる理由がわかりません。また、それを回避するにはどうすればよいですか?