<!DOCTYPE html>
<html>
    <head>
        <style>
            div.common      {background:black; font:40px/1 Ahem;}
            div.container   {float:right;}
            div.reference   {top: 220px; position: absolute; display: inline;}
            div.float       {float:left; }
            div.label       {clear:left; overflow:hidden;}
        </style>
    </head>
    <body style="text-align: right">
        Both boxes below should be the same width.<br>
        https://bugs.webkit.org/show_bug.cgi?id=47975.
        <br>
        <div class="container common">
            <div class="float">X</div>
            <div class="float">X</div>
            <div class="float">X</div>
            <div class="label">XXX</div>
        </div>
        <div class="reference common">
            <div>XXX</div>
            <div>XXX</div>
        </div>
    </body>
</html>