diff --git a/components/checkbox/demo/basic.md b/components/checkbox/demo/basic.md
index 7f7e60b3bc..56c591107d 100644
--- a/components/checkbox/demo/basic.md
+++ b/components/checkbox/demo/basic.md
@@ -9,9 +9,12 @@
 ````jsx
 var Checkbox = antd.Checkbox;
 var container = document.getElementById('components-checkbox-demo-basic');
+
 function onChange(checked){
   console.log('checked = ' + checked);
 }
 
-React.render(<label><Checkbox defaultChecked={false} onChange={onChange}/> &nbsp; &nbsp; checkbox</label>, container);
+React.render(<label>
+  <Checkbox defaultChecked={false} onChange={onChange}/> Checkbox
+</label>, container);
 ````
diff --git a/style/components/checkbox.less b/style/components/checkbox.less
index 5433c96686..73f3644d7a 100644
--- a/style/components/checkbox.less
+++ b/style/components/checkbox.less
@@ -7,7 +7,9 @@
   cursor: pointer;
   outline: none;
   display: inline-block;
+  line-height: 1;
   position: relative;
+  vertical-align: middle;
 
   &:hover {
     .@{checkboxInnerPrefixCls} {