input number fields prototype

by Richard Hunter

HTML

<div class="container">
  <div class="inputs">
    <input maxlength="1" />
    <input maxlength="1" />
    <input maxlength="1" />
    <input maxlength="1" />
  </div>
</div>

CSS

.container {
  background: tomato;
  display: inline-block;
}
.inputs {
  margin: 0 -4px;
}
input {
  text-align: center;
  border: solid 2px grey;
  padding: 4px;
  font-size: 16px;
  line-height: 24px;
  width: 36px;
  box-sizing: border-box;
  margin: 4px;
}