HTML / CSS выравнивание 2 элементов к 1 элементу, например, 2 входа с одной меткой

Question

Вот изображение того, чего я хочу достичь:

Как выровнять Вход 2 с Входом 1? Мне кажется, что трудно достичь чего-то такого простого. Очевидно, что все это должно быть адаптивным к сети. Кроме того, я не хочу использовать таблицы.

<form>
  <div class="field">
    <label>Label</label>
    <input id="Input 1" type="text" />
  </div>
  <div class="field">
    <input id="Input 2" type="text" />
  </div>
</form>

Answer 1

Float может сделать это легко. Убедитесь, что нижнее поле достаточно велико, чтобы вы могли ввести sh второй вход:

label {
  float:left;
  margin:5px 0 10px;
}
input {
  margin:2px 5px;
}

<form>
  <div class="field">
    <label>Label</label>
    <input id="Input 1" type="text" >
  </div>
  <div class="field">
    <input id="Input 2" type="text" >
  </div>
</form>