Struggling with relative and absolute positions

[codeispoetry]

I am unable to put the second button “gender” above the second input box. Please guide me where I am going wrong and what could be the fix for mpre than one Input box.

[coothead]

Hi there codeispoetry,

does this help…

.text-input input[type="text"] + label:last-of-type {
     left:50%;
}

[codeispoetry]

@coothead

.text-input input[type=“text”] + label:last-of-type { left:50%; }

yes, what if there are 3, in case →

[PaulOB]

You should wrap each single input and label in the div with a class of text-input as that is the stacking context for each input

You can of course then style the div to be horizontal if required.

[codeispoetry]

@PaulOB

You should wrap each single input and label in the div with a class of text-input

Hi there @PaulOB,
Make sense. Thank you so much.