<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#outer {
    position: absolute;
    width: 500px;
    height: 500px;
    overflow: hidden;
}

#inner {
    font-size: 127px;
    text-align: justify;
    position: absolute;
    bottom: 0px;
    left: -1000px;
    width: 1200px;
    font-family: Ahem;
}
</style>
</head>
<body>
This test makes sure that ruby overhangs don't make text grow beyond the bound of the enclosing box.
At the bottom left of this page, there are two black squares on top of each other. This test passes if the two squares are exactly vertically aligned.
<div id="outer"><div id="inner">a<ruby> a <rt>aaaa</rt> a <rt>aaaa</rt></ruby>a a a a a a a a</div></div>
</body>
</html>