Javascript div内的图元不居中对齐

如何使div内的容器与中心对齐。。。。 我给了左边和右边的自动边界，但它不工作。。。。 在iphone布局中，它变成中心对齐 在下面提供我的代码

添加新供应商
供应商编号
100012起始编号：100000
帐单地址
这在Firefox和Chrome中都能正常工作。
谢谢你的回复……你能告诉我你做了哪些更改吗……它工作正常……所以我也能learn@user2136828我刚刚加了左边的边距：自动；和右边距：自动；或者简而言之，您可以使用-margin:0 auto；
<div class="hide fade in" id="signup-modal" conduit_fixed_handled="true" conduit_orig_mtop_val="-306" style=" display: block;" aria-hidden="false">
    <div class="page-title">Add New Vendor</div>
    <div>
                    <span>Vendor no</span>


100012                  <span style="">Starting no:</span><span style="color: red;">100000</span>
                </div>

    <h4 class="billingAddress">Billing Address</h4>

    <form method="POST" autocomplete="off" id="auth-form">
        <input type="hidden" name="usertype" value="3" readonly="">
        <fieldset>      
            <input type="text" placeholder="Company Name " name="fullname" maxlength="30" required="required" id="id_username">
            <input type="text" placeholder="Contact Name" name="company" maxlength="30" required="required" id="id_company">        
            <input type="text" placeholder="Address1" name="email" maxlength="75" required="required" id="id_email">
            <input type="password" placeholder="Address2" name="password" maxlength="16" required="required" id="id_password">
            <input type="password" placeholder="Address3" name="repassword" required="required" id="id_repassword">
            <input type="text" placeholder="City " name="fullname" maxlength="30" required="required" id="id_username">
            <div class="controls"

#signup-modal, #login-modal {
width: 300px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-radius: 10px 10px 10px 10px;
overflow: hidden;
margin-bottom: 40px;
box-shadow: 0px 1px 0px white inset;
padding: 0px 40px;
margin-left: auto;
margin-right: auto;
}