Display: inline-block with 50% width not working in safari, how to solve?

Question

css

Friends, hello.
I have already encountered the fact that in safari (version 5.1.7) the display: inline-block property with a width of 50% does not work, here is an example: https://jsfiddle.net/lokdmt/6ho0r8gr/
Only a huge request, do not offer flexbox, float, tables, etc. - I know all these methods, but in this case I need it with inline-block.
PS I know that this is a very ancient browser, only my client, who, as it turned out, is "interested" in web development, and you see, he has examples of who uses this browser, which is why he requires it.
Thanks in advance for your answer, and also I don't forget to mark the solutions.

Answer 1

It is clear that the issue has been resolved, but still:
We tried this: https://css-tricks.com/snippets/css/cross-browser-...