在表单中对齐php div

Question

我有一个php表单和css代码。我正在尝试修改它，以便消息字段向右移动。我试图将名称和电子邮件字段放在div中，并将消息和提交字段放在另一个div中，然后将这两个放在第三个div中，但我无法使其工作，我得到的最好的是将所有字段移动到是的，但这不是我想要的。我不知道php所以不确定它是否应该像在html中那样工作。

我已经完全定制了它，但水平对齐div是我的问题。

您可以在下图中看到我想要实现的目标。

我试图以正确的方式将代码放在这里，但我不能这样做。对不起，我是这些东西的新手。所以下面有一个链接，您可以从中下载文件。

我一直在使用的文件是：'contactform.php'和'contact.css'

php and css files

Answer 1

首先我们需要增加字段集的宽度：

#contactus fieldset {
    width: 580px;
}

现在创建两个div。一个围绕名称和电子邮件字段，一个围绕消息和提交。

最后使用float: left;或float: right;设置样式属性（或更好地使用classNames）。

就是这样。希望它有帮助吗？！