如何在使用codeigniter時將字段集中的輸入標籤居中？

Question

我已經創建了一個使用Codeigniter的註冊頁面，並且我想將一個字段集中的所有元素居中。

這是我的PHP代碼：

<fieldset style="text-align:center"> 
<legend>Data</legend> 

<?php 
$this->load->helper('form'); 

echo form_open('login/create_user'); 
echo form_input('username', '', 'placeholder="Username"'); 
echo form_input('email', '', 'placeholder="Email"'); 
echo form_password('password', '', 'placeholder="Password"'); 
echo form_password('password1', '', 'placeholder="Confirm"'); 

echo form_submit('submit', 'Submit'); 
echo validation_errors(); 
?> 
</fieldset> 

CSS代碼：

input[name=username], input[name=email], input[type=password] 
{ 
display: block; 
margin: 0 0 1em 0; 
width: 200px; 
border: 5px; 
-moz-border-radius: 1px; 
-webkit-border-radius: 1px; 
padding: 1em; 
} 

input[name=submit] 
{ 
border: none; 
margin-right: 1em; 
padding: 6px; 
font-size: 12px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
background: #088A08; 
color: white; 
box-shadow: 0 1px 0 white; 
-moz-box-shadow: 0 1px 0 white; 
-webkit-box-shadow: 0 1px 0 white; 
} 

下面是這個樣子：Page，正如你所看到的，只有提交按鈕爲中心，這是爲什麼它呢？

Answer 1

input[name=username], input[name=email], input[type=password] 
{ 
display: block; 
margin: 0 auto 1em; /* change here */ 
width: 200px; 
border: 5px; 
-moz-border-radius: 1px; 
-webkit-border-radius: 1px; 
padding: 1em; 
} 

您可以始終使用寬度和邊距右對齊顯示：塊：auto，margin-left：auto;