Display multiple form elements inline, horizontal

[freestylemovement]

Hello, i am a new web developer working actively in CSS.. i am currently trying to create a very simple form, consisting of two input forms, a "select" box for dates, and an input box for a number, each with a label and a "search" button .. i've looked seemingly everywhere but can't find anything on how to place all those elements on one horizontal line.. can anyone help or point me in the right direction?

thank you!

[swa66]

Welcome to webmasterworld! [webmasterworld.com]

Isn't the trick to achieve this so simple that you don't do anything ?

Just put them one after another and they'll render all on the same line ?

Or are you trying to position form elements pixel perfect (and then be aware each browser has its' own idea how input boxes, etc need to look like).

[freestylemovement]

thanks for the reply.
the form elements can differ from browser to browser since i've laid the pages out to have flex .. just as long as they are in line with each other .. i've tried pasting two labels & input boxes, but it defaults to a new line of code .. and i've thought about implementing some sor tof "display: inline " but haven't placed it successfully .. i don't think creating two forms is going to work either, it seems like there would be a fairly simple solution to this issue but then again i haven't really seen multiple input forms implemented like that ... i'm pretty lost at this moment, maybe there is an easy way that you might know?

[swa66]

Try to post some minimal html and css you hare struggling with that still has the problem. Perhaps it'll be clear what's going on at that point.