Центрирование деления в элементе 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

Я думаю, что это то, что ищете Fiddle

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

Answer 2

это выглядит как то, что вы хотите: 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; 
}