Fügen Sie die Eingabe unter die Bezeichnung ein

Question

Ich habe es tagelang versucht, aber es gelingt mir nicht. Wie schaffe ich das? Ich verstehe nicht, wie man zwei Beschriftungen (fname lname) in dieselbe Zeile einfügt und die entsprechende Eingabe darunter einfügt? Dies ist eine Skizze dessen, was ich tun möchte

Ich weiß, das ist eine einfache Aufgabe für euch alle, aber ich bleibe dran und schaffe es, aber sie landen in unterschiedlichen Zeilen oder ich erledige nur die erste Aufgabe, aber nicht die zweite. Die Beschriftung der Aufgabe ist verschwunden

Answer 1

给你，不需要flex/grid：

label {
  display: inline-block;
}

input {
  display: block
}

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