Блог

Я создал два элемента формы HTML, мне нужно, чтобы они были размещены в одной строке, но один из них расположен под другим.

Как я могу решить эту проблему? Какой CSS я должен применить?

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

Формы по умолчанию являются блочными, а блоки автоматически занимают 100% доступной ширины и пододвигаются одна под другую. Встроенные элементы просто добавляются рядом друг с другом в соответствии с ходом страницы.

Эта статья написана очень хорошо. Это может вам очень помочь. Вот что вы можете попробовать, чтобы заставить форму на странице отображаться как встроенный элемент :

  form { dispaly:inline; }
  

если это два текстовых поля в отдельном div

тогда напишите так

 div.el{display:inline;}
  

Затем примените class="el" в каждом div

Для упрощения кода вы также можете записать свойство css в input element.