將輸入放在標籤下

Question

我已經嘗試了好幾天了，但我無法做到這一點，我該如何實現這一目標？我不明白，如何將兩個標籤（fname lname）放在同一行並在它們下面放置相應的輸入？這是我想做的草圖

我知道這對你們來說都是一項簡單的任務，但我堅持下去，我可以做到，但它們最終會分在不同的行上，或者我只完成了第一個任務，但第二個任務上的標籤消失了

Answer 1

給你，不需要flex/grid：

label {
  display: inline-block;
}

input {
  display: block
}

<label>
  First Name
  <input/>
</label>
<label>
  Last Name
  <input/>
</label>