Campos de formulario en línea con tags colocadas en la parte superior

No puedo creer que tenga que preguntar esto, pero estoy al final de mi ingenio.

Estoy intentando mostrar 2 campos de formulario en línea, pero con la etiqueta de cada campo en la parte superior. En el arte ascii:

Label 1 Label 2 --------- --------- | | | | --------- --------- 

Debería ser bastante simple.

     

Esto me llevará:

  --------- --------- Label 1 | | Label 2 | | --------- --------- 

Para obtener las tags en la parte superior de las cajas, agrego display = block:

     

Después de hacer esto, las tags están donde las quiero, pero los campos del formulario ya no están en línea:

 Label 1 --------- | | --------- Label 2 --------- | | --------- 

No he podido encontrar una manera de envolver mi html para que los campos se muestren en línea. ¿Alguien puede ayudar?

Yo pondría cada entrada dentro de un tramo con display:inline-block , así:

         

Podría incluir sus entradas con las tags y luego usar CSS:

 label{display:inline-block;} input{display:block;}