Save the Center Point

Stackoverflow question: http://stackoverflow.com/questions/24590037/left-right-center-divs-in-footer-with-center-in-middle-of-body/24591551#24591551

by jme11

HTML

<body>
    <div id="content">center point V center point</div>
    <div id="container">
        <div id="left">L</div>
        <div id="right">RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR</div>
        <div id="center">C</div>
    </div>
</body>

CSS

#content {
    text-align:center;
}
#container {
    position: relative;
}
#left {
    float:left;
}
#right {
    float:right;
    color: #ccc;
}
#center {
    text-align:center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: red;
    /* also tried overflow:hidden */
}