Как разместить формы горизонтально внутри тега td

Question

Мне нравится размещать кнопки, которые ссылаются на разные URL-адреса (что означает, что я должен использовать одну форму на кнопку, чтобы действие могло содержать разные URL-адреса). Проблема в том, что кнопки отображаются вертикально внутри td. Мне нравится видеть их горизонтальными. Какие-либо предложения? float: left и display: встроенный блок в теге td не работает.

<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

Я ставлю стиль = "дисплей: встроенный блок" в каждом виде тега и стиль = "белый -пространство: nowrap "в td. Оно работает.

Answer 2

Использование float: left для форм будет работать, если есть достаточно места внутри таблицы, так что вы должны сделать ширину шире, чем суммарная ширина 2 содержимого формы таблицы.

CSS:

table { 
    width: 100%; 
} 

form { 
    float: left; 
} 

Вот рабочий пример:

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