<form>
  <div>
    <label for="username">ユーザー名:</label>
    <input type="text" id="username" />
  </div>
  <div>
    <label for="password">パスワード:</label>
    <input type="password" id="password" />
  </div>
  <div>
    <label for="from">住まいは日本ですか?</label>
    <input type="checkbox" id="from" />
  </div>
  <div>
    <label for="num">好きな数値</label>
    <input type="number" id="num" />
  </div>
</form>
* {
  text-align:center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.