How can I center an element horizontally and/or vertically in TailwindCSS? Is there more than one way to accomplish this, and if so, what are the pros and cons of each method and in what cases should they be used?

I would like to apply inherited font size to an element with Tailwind. I know that this can be achieved in regular CSS like so: But how would I accomplish this using purely Tailwind class syntax? text-inherit seems to apply color: inherit not font-size: inherit l...

I’ve seen both gap-x/y-* and space-x/y-* used in Tailwind examples to create spacing between elements. What is the actual difference between them? Are they interchangeable, or is one preferable in certain situations?