How do I position a form button to field side by side?

I'm trying to figure out how get a form button to lay side by side on a field.

I've used this code to get the fields side by side...

But haven't been able to place the button on the right, side by side of the last field.

Thanks in advance!

I hope @paul2009 could see this, as he answered the original thread.

Can you provide a working link to the page where you are attempting this?

Of course:

https://round-cyan-39dn.squarespace.com/

pass: barcelona

Thanks!

This usually works for two text boxes, but it will become more complex if you try to add further text boxes or checkbox fields. As an example, adding 

form { display: flex; } 

places the submit button on the same line but it then looks like this on a large screen.  

As you will see, this isn't perfect and as the screen width is reduced, the layout will compress and become even less clear.

You could change the layout and checkbox so that it looks better, but this is much more complex and will require CSS and JavaScript to make it responsive on desktop and mobile.

Thank you!

I really appreciate your time.

It seems hard to achieve it, so I will keep it as it is.

Thanks again, Paul!

@paul2009, this solution you have above with the fields/button side-by-side is a solution that I have been looking for for the last 3 years with no real success. Could you help here?