Как сверстать блок с бронированием мест?

Question

[tokmaganbet1]

Как лучше всего сверстать блоки с бронированием мест?

Answer 1

[kn1ght_t]

примерно так: https://jsfiddle.net/jopcqwe0/

Answer 2

[Фарид]

Ряды можно сделать в виде div элементов, дать им свойство text-align: center, внутри них добавить еще div-элементы (места) со свойством display: inline-block, указать им фиксированную ширину и высоту. Места эти сделать двух типов: невидимые и реальные. И затем заполнить ряды этими "местами". Название рядов можно сделать с помошью псевдоэлементов ::before и ::after, но это необязательно.