text html char,html - Center text around middle char of string - Stack Overflow

I have an element containing some text and want to center the text inside the element in a way that the most center char should be in the middle of the element. E.g. given the string "iiiii|MMMMM" the "|" is the most center char, yet in a non mono-space font it is - if centered normally - further to the left. The "|" should be at the center of the element regardless of the character width of the other chars.

The element is also an input, so I cant split the string in to its chars.

Hope you have some ideas, and thank you in advance.