html form - make inputs appear on the same line

Question

I am struggling to make two html form inputs (first and last name) appear on the same line side by side. I have tried using float, but that seems to make the rest of the inp

Answer 1

A more modern solution:

Using display: flex and flex-direction: row

form {
  display: flex; /* 2. display flex to the rescue */
  flex-direction: row;
}

label, input {
  display: block; /* 1. oh noes, my inputs are styled as block... */
}

  Name
  
  Address
  
  
    Submit