title: How can I get two form fields side-by-side, with each field’s label above the field, in CSS?
body: <p>I am stuck on figuring out some css, I need a section of my form to look like the following, </p>
  
  <p><img src="https://i.stack.imgur.com/wxsv5.gif" alt="CSS float left"></p>
  
  <p>I have tried every variation I can think of, </p>
  
  <p>I have given the labels a fixed width and floated them left, then given the inputs the same width and floated them left.</p>
  
  <p>I am all out of ideas, how can I achieve this please?</p>