I'm trying to build a top menu that horizontally centers a few entries that are one or two lines long using simple
display:inline-table. The problem is that I haven't found a way to center the entries that are only one line long (Item0 and Item1), unless I use
display:flex. I would like to do this without specifying the height in pixel.
The yellow boxes around the entries are just for reference, so that I can better see what is going on which each entry.
Since I'm very new to front-end development, I would like to know if there is a better way to do that.
Here is the jsbin.