Php 如何将动态文本框显示在彼此的前面

请帮助我显示我的网页

下图显示了三个文本框及其各自的名称。 请问我如何使用CSS使它们显示在彼此的前面，即在同一（单个）行上，并且每个标题中心在其方框上对齐

每个框标题都是从数据库（php/mysql）生成的，而文本框则添加到生成标题的循环中

形象

多谢各位

更新

这是我用来生成这个显示的代码

 <form action="<?php echo htmlentities($_SERVER['SCRIPT_NAME']) ?>" method               ="post"> 
           <?php             
          while($row=mysql_fetch_assoc($query)){                       
       echo $row['senatorial']."</br>" ;?>

---

假设您希望保持标签的原样，将每个标签/字段对包装在一个div中，为这些div指定一个类名（比如“fieldWrapper”），并为该类指定

display:inline块：

.fieldWrapper {
    display: inline-block;
}

我假设您希望文本框的标题在一行中彼此相邻，所以正如bfavaretto所说，使用divs

在while循环中将div标记添加到此代码：

  <label for='name'></label>     
          <input type='text' name='constituency' class='OpenInput_Text' />
                 </br>





如果您确切地知道将从db表返回多少行，那么可以将div宽度设置为百分比，在本例中类似于%30

否则，您可以计算返回的行数，并使用此值计算div的百分比/宽度，然后使用内联css进行设置
 哇，你能重新表述这个问题吗？为此，你需要向我们提供你正在使用的HTML结构。CSS毕竟高度依赖于您的标记……您现在拥有的CSS也是如此。您必须在CSS显示
位置的位置修改CSS，并检查是否有任何换行符，例如
和/或

-

。我只能说，没有看到任何实际的
code
@fred，我已经用我用来显示的php代码更新了这个问题。但是你试过我的建议了吗？是的，我试过了。没有效果。
.fieldWrapper {
    display: inline-block;
}

  <label for='name'></label>     
          <input type='text' name='constituency' class='OpenInput_Text' />
                 </br>