Letakkan input di bawah label

Question

Saya dah cuba berhari-hari tapi tak boleh buat, macam mana nak capai ni? Saya tidak faham, bagaimana untuk meletakkan dua label (fname lname) pada baris yang sama dan meletakkan input yang sepadan di bawahnya? Ini sket apa yang saya nak buat

Saya tahu ini adalah tugas yang mudah untuk anda semua tetapi saya tetap melakukannya dan saya boleh melakukannya tetapi mereka berakhir pada baris yang berbeza atau saya hanya menyelesaikan tugas pertama tetapi bukan tugas kedua Label pada tugas itu hilang

Answer 1

Ini dia, tiada flex/grid diperlukan:

label {
  display: inline-block;
}

input {
  display: block
}

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