把按钮全部放在DIV里面，然后设置DIV的样式就可以了。
<title>无标题文档</title><style type="text/css">
#nav{ text-align:center}
</style>
</head>
<body id="nav">
<div class="1"><input name="" type="text" value="用户名"width="150px" height="20px"/></div>
<div class="2"><input name="" type="text" value="密码" width="150px" height="20px"/></div>
<div class="3"><input name="" type="button" value="登录" />
<input name="" type="button" value="注册"/>
<input name="" type="button" value="游客"/></div>
</div>
</body>
效果如图，直接就水平对齐。
HTML结构该鼠标点击按钮特效中每一个可点击的元素都是一个按钮CSS样式以下是该css3点击按钮特效的通用CSS样式：插件中通过在点击按钮时使用javascript来为它添加相应的动画CLASS来执行动画效果：上面的CSS代码可以生成如下图的动画效果：在“Stana”效果中，使用了html5SVGclipPath，在它上面添加了一个transition。这个效果只能在Chrome浏览器中才能看到效果。在“Stoja”效果中使用了CSSclip-path属性，这个效果也需要浏览器的支持才能看得到的。
