I'm not concerned about device compatibility. I'm just concerned about good code. I'm a purist. If there's a problem and it's the device's fault, well hopefully one day devices will be more sophisticated.
I have this "dead center" code which is close.. I'm basically looking for the split up version of this "dead center" code. It's almost as if I want an invisible entity in the dead center and the two text items are gravitating towards it.
Code:
<p style="float:none;margin:50vh auto 0;text-align:center;-webkit-transform: translateY(-50%);transform: translateY(-50%)">test</p>
...