Предотвратить <form>разрыв строки между двумя <form>тегами

Question

Я хочу предотвратить разрывы строк между двумя имеющимися у меня формами.

В общем:

<form action="...">
<input type="submit" />
</form>
LINE BREAK HERE
<form action="...">
<input type="submit" />
</form>

Я хочу удалить разрыв строки.Я хочу, чтобы кнопки ввода находились в одной строке, как меню.

Answer 1

form {
    display: inline;
}

Answer 2

Я думаю, что это правильное решение:

form { display: inline-block; }

Значение встроенного блока используется для размещения встроенных элементов уровня блока. Эти элементы все равно останутся блоками.

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

Для этой конкретной проблемы лучше всего использовать inline-block.

Answer 3

Это старая ветка, поэтому я, вероятно, никому не помогаю, но вот мое предложение. Многие программисты избегают таблиц и поэтому не любят мой метод, но я решаю эту проблему следующим образом:

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

Answer 4

Или:

form {
    float: left;
    margin-right: 5px;
}

Answer 5

Если display: inline не работает, это может быть вызвано тем, что родительский элемент имеет слишком маленькую ширину, чтобы держать их рядом друг с другом, и это может привести к разбиению элементов формы на отдельные строки.Попробуйте добавить это правило в стиль для контейнера, который содержит две формы:

white-space: nowrap;