#23-Boxception.htm

<div class="a">
    <div class="b">
        <div class="c"></div>
    </div>
</div>
<style>
    body {
        background: #F3AC3C;
    }

    div {
        position: absolute;
    }

    .a {
        width: 200px;
        height: 200px;
        background: #1A4341;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .b {
        width: 100px;
        height: 100px;
        background: #998235;
        bottom: 0;
    }

    .c {
        width: 50px;
        height: 50px;
        background: #F3AC3C;
        bottom: 0;
        right: 0;
    }
</style>