How do I style so that the input box stays on the same line as the label?

Question

In CSS, when I use "flex-direction=column" the input box appears below the label. <label>First name <input type="text" name="firstName"> </label>. How do I get the input box to stay on the same line as the label using CSS?

Answer 1

why are you using the flex-direction property??
label and input elements are inherently inline so no css is needed to have them appear on the same line.

Answer 2

use the size attribute in your input element to change the sizes of the input boxes.
https://www.w3schools.com/tags/att_input_size.asp

Answer 3

Thanks. I reviewed that and understand now!

Answer 4

I want to have a long name input box and a short age box