checkbox top margin gap

How do I remove the gap between the top of the checkbox and the div border?

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<div class="wrapper"><input type="checkbox" /></div>

CSS

.wrapper {
    margin: 12px;
    width: 13px;
    height: 13px;
    border: 1px solid green;
    display: inline-block;
    line-height: 140;
}