tdタグ内でフォームを水平に配置する方法

Question

私は、異なるURLにリンクするボタンを配置するのが好きです（ボタンごとに1つのフォームを使用して、異なるURLを保持できるようにする必要があります）。 ボタンがtd内に垂直に表示されるという問題があります。私はそれらを水平に見たい。助言がありますか？ float：leftとdisplay：tdタグのinline-blockが機能しません。

<table><tr> 
    <td> 

    <form action = "page1.html"> 
     <button type="submit" name="btn1">btn1<button> 
    </form> 

    <form action = "page2.html"> 
     <button type="submit" name="btn2">btn2<button> 
    </form> 

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

Answer 1

私は今のスタイル= "表示：インラインブロック" を入れている各フォームタグとスタイル= "白に-space：nowrap "をtdに追加します。できます。

Answer 2

そこに十分なスペースがテーブルの中にあるので、あなたは2つのフォームの内容を合わせた幅よりも広いテーブルの幅をしなければならない場合はフォームのためのfloat: leftを使用することで動作します。

CSS：

table { 
    width: 100%; 
} 

form { 
    float: left; 
} 

ここでは、実施例である：

https://jsfiddle.net/11x6art9/1/