Put the input under label

Question

I've been trying for days but I can't do this, how do I achieve this? I don't understand, how to put two labels (fname lname) on the same line and put the corresponding input below them? This is a sketch of what I want to do

I know this is a simple task for you all but I keep at it and I can do it but they end up on different lines or I only complete the first task but The label on the second task disappeared

Answer 1

Here you go, no flex/grid required:

label {
  display: inline-block;
}

input {
  display: block
}

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