CSS Centrage avec Transformer

pourquoi ne centrage avec transformer traduire et à gauche 50% centre parfaitement (avec position par rapport parent), mais pas à 50%?

De travail exemple:

span[class^="icon"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }

Exemple qui n'a pas de centre:

span[class^="icon"] {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
 }

OriginalL'auteur norkuy | 2017-02-08