30 lines
714 B
HTML
30 lines
714 B
HTML
<!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>
|