<!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: 73px; | |
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<br>a<br> </div></div> | |
</body> | |
</html> |