CSS x-height (ex)
Ex is a relative length unit that refers to the x-height of a given font — the height of a lowercase x. As you can probably guess, it's another length unit that came to CSS from typography.[1] Although rarely used, ex
is helpful in the area of microtypography — for example, to determine the position of superscript and subscript characters. The x-height can be a reference point for controlling the size of icons or bullets used in the text or to size inline images to fit the x-height of the current font for visual harmony.