How to create a block with seat reservation?

Question

css

What is the best way to make blocks with seat reservations?

Answer 1

something like this: https://jsfiddle.net/jopcqwe0/

Answer 2

Rows can be made as div elements, give them the text-align: center property, add more div elements (places) inside them with the display: inline-block property, give them a fixed width and height. These places are made of two types: invisible and real. And then fill the rows with these "places". You can name the rows using the ::before and ::after pseudo-elements, but this is optional.