Nietypowe ułożenie input'ów w formularzu.

Cześć.
Chciałbym osiągnąć efekt taki jak na obrazku (sorki za estetykę) bez używania zatrważającej liczby divów. Pod każdym numerem ma być <input type="text"> . Po dziesięć takich w wierszu. 3 wiersze. Odstęp między wierszami ma być wyraźnie większy niż między liczbą a polem do wpisywania.
Czy macie na to prosty patent :-) ?

• ustawiasz width na inputa,
• inputy w divach z padding, divy muszą mieć display:inline-block

Czemu uważasz to za nietypowe? normalne.
A jak bardzo chcesz możesz to wrzucić w tabelkę, tylko tabela nie będzie się dobrze skalowała przy różnych wielkościach ekranu.

Span nie zadziała, bo nie jest elementem blokowym tylko liniowym. Nie ma sensu zmieniać go na blokowy - display: block;
Jak chcesz żeby to się ładnie skalowało to możesz użyć Flexboxa i podać szerokości dla każdego inputu.

A jak zrobić żeby nadać minimalny odstęp między divami? W sensie żeby móc użyć i justify-content:space-around i flex-wrap: wrap ?