How to display dynamic text boxes infront of each other - php

Question

Please help me with the display of my webpage.
The image below shows three text boxes with their respective names above.
Please how can I use CSS to make them display infront of each other i.e on the same (single) line, and each header center aligned on it's box ?
Each box header is generated from the database (php/mysql), while the text box is added inside the loop that generates the header.
Image
Thank you.
UPDATE
this is the code I'm using to generate this display
<form action="<?php echo htmlentities($_SERVER['SCRIPT_NAME']) ?>" method ="post">
<?php
while($row=mysql_fetch_assoc($query)){
echo $row['senatorial']."</br>" ;?>
<?php } ;?>
<input type="hidden" name="action" value="submit" />
<input type='submit' name='submit' class='OpenInput_Btn' value='Create' title='Register Constituency' />
</form>
<?php
}
?>
CSS
.consistuency{
display: inline;
margin-left: 90px;
font-size: 15px;
font-family: Calibri:
}
label {
width: 8em;
float: left;
display: block;
font-size: 1.1em;
color: Beige;
}

Answer 1

I'm assuming you want the textboxes with their headers next to each other in a single line, so just as bfavaretto said, use divs.
Add div tags to this code in the while loop:
<label for='name'></label>
<input type='text' name='constituency' class='OpenInput_Text' />
</br>
If you know exactly how many rows will be returned from the db table then you can set the div widths to a percentage, in this case something like %30.
Otherwise you can count the numbers of rows returned and use this value to calculate a percentage/width for the divs and then set it with inline css.

Answer 2

Assuming you want to keep your labels as they are, wrap each label/field pair in a div, give those divs a class name (say, "fieldWrapper") and give that class display: inline-block;:
.fieldWrapper {
display: inline-block;
}