How to dead center a div in another?

    #centered {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

Code example.