Pure CSS: Center Tooltip Above Text On Hover pt. 2

Question

Expanding on Pure CSS: Center Tooltip Above Text On Hover -- how does one make the tooltip hover centered relative to its container if the tooltip is wider than said

Answer 1

JS Bin

 .drag-hint:hover > span {
    display: table;
    position: absolute;
    top: -25px;
    left: -51px;
    right: 0;
    text-align: center;
    padding: 2px;
 }