如何使内联<div> </div>居中

Question

我有<div> display: inline;属性，我希望将其置于中心位置。

如果我把保证金：0自动工作没有显示，但我需要显示器不占用所有空间，就像它是一个块。

HTML

<div id="login1">
<fieldset id="login2">
    <form method="post" action="register.php">
        <label>Nombre: </label>
        <input type="text" name="nombre" placeholder="Nombre de usuario"><br>
        <label>Password:</label>
        <input type="password" name="password" placeholder="Password"><br>
        <input type="submit" value="LogIn">
        <input type="reset" value="Reset">
    </form>
</fieldset>
</div>

的CSS

#login1 {
    display: inline-block;
    text-align: center;
}

我希望将所有<div>

放在中心位置

有些想法？

Answer 1

将text-align: center放在容器（包含div的元素）上。

你的div应该居中。