Css 如何设置表单的样式，使多个输入位于一行上？

我有以下代码：

<?php
    echo $form->create('User', array('url' => array('controller' => 'users', 'action' =>'login')));
echo $form->input('User.username');
echo $form->input('User.password');
echo $form->end('Login');
 ?>

我希望它看起来像这样：

username [TextBox]  password [TextBox]

<?php
echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' =>'login'))); ?>
<table>
    <tr>
        <td><?php echo $this->Form->input('User.username'); ?></td>
        <td><?php echo $this->Form->input('User.password'); ?></td>
        <td><?php echo $this->Form->button('Submit Form', array('type'=>'submit')); ?></td>
    </tr>
</table>
<?php echo $this->Form->end(); //This and "create" has to be outside <table> to pass xhtml validation ?>

---

有没有一个选项或什么东西可以用来实现这一点？

在我与css样式斗争之后，我最终使用了如下表格：

username [TextBox]  password [TextBox]

<?php
echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' =>'login'))); ?>
<table>
    <tr>
        <td><?php echo $this->Form->input('User.username'); ?></td>
        <td><?php echo $this->Form->input('User.password'); ?></td>
        <td><?php echo $this->Form->button('Submit Form', array('type'=>'submit')); ?></td>
    </tr>
</table>
<?php echo $this->Form->end(); //This and "create" has to be outside <table> to pass xhtml validation ?>

---

将所有字段包装在一个div中。将所有字段向左浮动，设置适当的右边距。清除div.

或者将元素彼此相邻地浮动，或者以内联方式显示它们。我通常只在绝对必要的时候才使用浮动-无论如何，内联元素要简单得多

<form method="post" action="">
<fieldset>
    <dl>
        <dt><label for="username">Username:</label></dt><dd><input type="text" name="username" value="Username" id="username" /></dd>
        <dt><label for="password">Password:</label></dt><dd><input type="password" name="password" id="password" /></dd>
    </dl>
</fieldset>
</form>

---

预览：

你可能会得到更多的帮助，用CSS标记这个问题，也可以通过搜索谷歌搜索如何用CSS做内联表单字段和标签，因为这是一个样式问题，而不是cakephp控制的问题。它呈现当前状态的唯一原因是，您可能正在使用表单的默认样式。您可以使用CSS float:left作为内联表单。您还需要什么来完成此问题吗？