在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;
}