选择框如何居中？

选择框怎么居中？？
<style type="text/css">
.box{ width:100px; height:50px; background:yellow;}
</style>




<div class="box">
<input type="checkbox" class="checkbox" />
</div>

<style type="text/css">

.box{ width:100px; height:50px; background:yellow;}

.box .checkbox{

	vertical-align:middle;

	margin:auto;



}

</style>

<div class="box">

<input type="checkbox" class="checkbox" style="height:48px;padding:0px"/>

</div>