import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import { Checkbox } from 'antd'
function App () {
  return (
    <div style={{ margin: 100 }}>
      <h1>AntDesign Demo</h1>
      <hr /><br />
      <Checkbox>选择 Checkbox</Checkbox>
ReactDOM.render(<App />, document.getElementById('root'))
What do you expected?
Checkboxe and text are not vertically centered.
What happen?
Style is not as expected.
result: