play: inline-block;
        width: 20px;
        height: 20px;
        background: green;
    }
    .ref {
        position: absolute;
        z-index: -1;
        width: 20px;
        height: 20px;
        background: red;
        margin-left: calc(8ch + 8 * 2px + 8 * 10px);

        /* this is to avoid antialiasing effects at the edge */
        box-sizing: border-box;
        border: 2px solid white;
    }
</style>

<div class="ref"></div>
<div class="test">&#x09;<span></span></div>
