Как в HTML два поля вода input сделать в одну строку?

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

1. Использование элемента <div> с CSS свойством display: inline-block.

<div>
  <input type="text" placeholder="Поле 1">
  <input type="text" placeholder="Поле 2">
</div>

div {
  display: inline-block;
}

2. Использование элемента <span> с CSS свойством display: inline-block.

<span>
  <input type="text" placeholder="Поле 1">
  <input type="text" placeholder="Поле 2">
</span>

span {
  display: inline-block;
}

3. Использование CSS свойства float.

<input type="text" placeholder="Поле 1" style="float: left;">
<input type="text" placeholder="Поле 2" style="float: left;">

4. Использование CSS свойства flexbox.

<div class="container">
  <input type="text" placeholder="Поле 1">
  <input type="text" placeholder="Поле 2">
</div>

.container {
  display: flex;
}

5. Использование CSS свойства grid.

<div class="container">
  <input type="text" placeholder="Поле 1">
  <input type="text" placeholder="Поле 2">
</div>

.container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

У каждого из этих подходов есть свои преимущества и особенности. Вам следует выбрать подход, который лучше соответствует вашим потребностям и требованиям дизайна.