我目前正在使用以下登录表单，我想稍微更改设计：
http://html-form-guide.com/php-form/php-login-form.html
我想把“登录”放在盒子的中间，而不是左边：
我还发现您可以在 fg_membersite.css（第 17 行）中更改文本大小、字体等。有趣的是，在 Chrome 中它显示在中间，只有在 Firefox 中它显示在左侧。由于我是一名新的 CSS 工作者，我想问是否有人可以帮助我解决这个不兼容问题。
由于它还包含许多基于 Javascript 的东西，所以我不确定我在这里发布源代码是否明智，因为无论如何我都必须发布整个源代码。
提前致谢！
编辑：现在更漂亮了。谢谢：
将其用于中心文本部分：
<form id='login' action='login.php' method='post' accept-charset='UTF-8'>
<fieldset >
<legend align="center">Login</legend>
<input type='hidden' name='submitted' id='submitted' value='1'/>
<label for='username' >UserName*:</label>
<input type='text' name='username' id='username' maxlength="50" />
<label for='password' >Password*:</label>
<input type='password' name='password' id='password' maxlength="50" />
<input type='submit' name='Submit' value='Submit' />
</fieldset>
</form>
我猜您已经更改了 HTML 代码，但请注意：<legend align="center">Login</legend>
对齐=“中心”
编辑：
由于您似乎不推荐使用 align，因此可以使用 css 来执行此操作。
legend {
text-align: center;
}
如果您想要 HTML 中的 css，请将其添加到<script>标签中并将其放在<head>. 像这样：
<script type="text/css">
legend {
text-align: center;
}
</script>
添加提交按钮的几个 CSS 规则：
input[type=submit] {
display: inline-block;
margin: 0 auto;
padding: 10px 30px;
}