For centering those tags, you can use flexbox properties. The tags are inside a parent container which is already set to display: flex.
Flexbox makes it really easy to control how child elements are arranged within a container. There’s a handy feature in dev tools where you can click on the little icon next to display: flex and it will bring up a set of controls so you can see which one produces the desired effect.
In this case, justify-content: center does the trick:
Note that it also works with multiple tags:
This is a good classic tutorial on flexbox if you want to dive into more detail. It’s a very useful tool for your CSS toolbox 