使div元素中的除法居中

Question

我在容器中有一个复选框，需要将它放在主容器的中心。

现在它显示在左手边。

html

<div class="maincontainer">
    <div class="inner container">
        <input id="id" type="checkbox" name="name1" value="name1">
        </input>
    </div>
</div>

css代码

.maincontainer{
    height:100px;
    width:90px;
    background-color:black;
}

Answer 1

这看起来就是您想要的：http://jsfiddle.net/pHUcC/

<div class="maincontainer">
    <div class="inner container">
        <input id="id" type="checkbox" name="name1" value="name1">
        </input>
    </div>
</div>
.maincontainer{
    height:100px;
    width:90px;
    background-color:black;
    text-align:center;
    color:white;
}

Answer 2

我想这就是你想要的Fiddle

.maincontainer{
    height:100px;
    width:90px;
    background-color:black;
    text-align:center;
    color:white;
    line-height: 100px;
}