Html 如何使2个输入文本彼此靠近？

所以我希望我的注册和后退按钮（都是输入类型：submit）位于中心。问题是，即使我使用了margin:auto，它也不起作用。请注意，我已经为此输入设置了宽度

*{
保证金：0；
填充：0；
}
身体{
字体大小：14px；
背景图片：url（“StockSnap_FS24L3X9BH.jpg”）；
背景位置：中心；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
}
.集装箱{
宽度：50%；
利润率：10px自动；
显示：块；
}
.行{
宽度：80%；
利润率：10px自动；
填充：20px；
}
输入：不（[type=submit]）：不（[name=age]）{
宽度：50%；
清除：左；
}
标签{
显示：内联块；
宽度：150px；
浮动：左；
文本对齐：左对齐；
}
输入[类型=提交]{
宽度：100px；
保证金：0自动；
}
输入[姓名=年龄]{
宽度：60px；
}
#性别{
宽度：100px；
}

会员论坛
请填写以下表格以完成注册
 

用户名：


密码：


名字：


姓氏：


电子邮件地址：


性别:
男性
女性
其他
宁愿不说



年龄：

尝试将输入按钮包装在

div中，如下所示：

<div class="submit_block">
    <input name="submit" value="Sign Up" id="submit" type="submit">
    <input id="back" name="back" value="Back" type="submit">
</div>

您不能简单地用
包装这些输入，并用
文本对齐：居中设置样式吗

<div class="centered-div">
  <input type="submit" name="submit" value="Sign Up" id="submit">
  <input type="submit" name="back" value="Back" id="back">
</div

.centered-div {
    text-align: center;
}


用这个

<div class="container">
        <h1 style="text-align: center"> Membership Forum </h1>
    <div class="row">
        <form action="register.php" method="POST">

            <p> Please fill the following form to complete the registration. </p> <br/>
            <label>Username:</label> <input type="text" name="username" /> <br/><br/>
            <label>Password:</label> <input type="password" name="password" /> <br/><br/>
            <label>First Name:</label> <input type="text" name="firstName" /> <br/><br/>
            <label>Last Name:</label> <input type="text" name="lastName"> <br/><br/>
            <label>Email Address:</label>  <input type="text" name="email"> <br/><br/>
            <label>Sex: </label><select name="gender" id="gender">
                <option value="male"> Male </option>
                <option value="female"> Female </option>
                <option value="others"> Others </option>
                <option value="others"> Prefer not to say </option>
            </select> <br/><br/>
            <label>Age:</label> <input type="number" name="age"> <br/><br/>
            <div class="center">
              <input type="submit" name="submit" value="Sign Up" id="submit">
              <input type="submit" name="back" value="Back" id="back">
            </div>
        </form>
    </div>
</div>

.center {
    text-align: center;
}

* {
        margin: 0;
        padding: 0;
    }

    body {
        font-size: 14px;
        background-image: url("StockSnap_FS24L3X9BH.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;

    }

    .container {
        width:50%;
        margin: 10px auto;
        display: block;
    }

    .row {
        width:80%;
        margin: 10px auto;
        padding: 20px;
    }

    input:not([type=submit]):not([name=age])
    {
        width: 50%;
        clear:left;
    }

    label {
        display: inline-block;
        width: 150px;
        float: left;
        text-align: left;
    }

    input[type=submit] {
        width: 100px;
        margin: 0 auto;
    }

    input[name=age] {
        width:60px;
    }

    #gender {
        width:100px; 
    }


会员论坛
请填写以下表格以完成注册
 

用户名：


密码：


名字：


姓氏：


电子邮件地址：


性别:
男性
女性
其他
宁愿不说



年龄：


.中心{
文本对齐：居中；
}
* {
保证金：0；
填充：0；
}
身体{
字体大小：14px；
背景图片：url（“StockSnap_FS24L3X9BH.jpg”）；
背景位置：中心；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
}
.集装箱{
宽度：50%；
利润率：10px自动；
显示：块；
}
.行{
宽度：80%；
利润率：10px自动；
填充：20px；
}
输入：不（[type=submit]）：不（[name=age]）
{
宽度：50%；
清除：左；
}
标签{
显示：内联块；
宽度：150px；
浮动：左；
文本对齐：左对齐；
}
输入[类型=提交]{
宽度：100px；
保证金：0自动；
}
输入[姓名=年龄]{
宽度：60px；
}
#性别{
宽度：100px；
}

现场演示-
我希望这能奏效，谢谢。它正在工作。我不知道我可以使用文本对齐输入类型。我以为它应该只用于文本。@studentAir01文本对齐适用于所有元素显示：inline，显示：inline块；
<div class="container">
        <h1 style="text-align: center"> Membership Forum </h1>
    <div class="row">
        <form action="register.php" method="POST">

            <p> Please fill the following form to complete the registration. </p> <br/>
            <label>Username:</label> <input type="text" name="username" /> <br/><br/>
            <label>Password:</label> <input type="password" name="password" /> <br/><br/>
            <label>First Name:</label> <input type="text" name="firstName" /> <br/><br/>
            <label>Last Name:</label> <input type="text" name="lastName"> <br/><br/>
            <label>Email Address:</label>  <input type="text" name="email"> <br/><br/>
            <label>Sex: </label><select name="gender" id="gender">
                <option value="male"> Male </option>
                <option value="female"> Female </option>
                <option value="others"> Others </option>
                <option value="others"> Prefer not to say </option>
            </select> <br/><br/>
            <label>Age:</label> <input type="number" name="age"> <br/><br/>
            <div class="center">
              <input type="submit" name="submit" value="Sign Up" id="submit">
              <input type="submit" name="back" value="Back" id="back">
            </div>
        </form>
    </div>
</div>

.center {
    text-align: center;
}

* {
        margin: 0;
        padding: 0;
    }

    body {
        font-size: 14px;
        background-image: url("StockSnap_FS24L3X9BH.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;

    }

    .container {
        width:50%;
        margin: 10px auto;
        display: block;
    }

    .row {
        width:80%;
        margin: 10px auto;
        padding: 20px;
    }

    input:not([type=submit]):not([name=age])
    {
        width: 50%;
        clear:left;
    }

    label {
        display: inline-block;
        width: 150px;
        float: left;
        text-align: left;
    }

    input[type=submit] {
        width: 100px;
        margin: 0 auto;
    }

    input[name=age] {
        width:60px;
    }

    #gender {
        width:100px; 
    }