blob: ed3539680be7c0b0a772908c05e8715cf68c7008 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<title>This tests that outline corners around inlines align properly.</title>
<style>
body {
margin: 0px;
}
.borders {
position: absolute;
}
</style>
</head>
<body>
<div class=borders style="border-left: 2px solid red; top: 1px; left: 1px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 1px; left: 33px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 18px; left: 52px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 35px; left: 95px; height: 30px;"></div>
<div class=borders style="border-top: 2px solid red; top: 1px; left: 1px; width: 34px;"></div>
<div class=borders style="border-top: 2px solid red; top: 18px; left: 33px; width: 21px;"></div>
<div class=borders style="border-top: 2px solid red; top: 35px; left: 52px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 64px; left: 1px; width: 96px;"></div>
<div class=borders style="border-left: 2px solid red; top: 72px; left: 1px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 72px; left: 95px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 101px; left: 76px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 118px; left: 52px; height: 18px;"></div>
<div class=borders style="border-top: 2px solid red; top: 72px; left: 1px; width: 96px;"></div>
<div class=borders style="border-top: 2px solid red; top: 101px; left: 76px; width: 21px;"></div>
<div class=borders style="border-top: 2px solid red; top: 118px; left: 52px; width: 26px;"></div>
<div class=borders style="border-top: 2px solid red; top: 135px; left: 1px; width: 53px;"></div>
<div class=borders style="border-left: 2px solid red; top: 143px; left: 1px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 143px; left: 52px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 160px; left: 95px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 190px; left: 52px; height: 18px;"></div>
<div class=borders style="border-top: 2px solid red; top: 143px; left: 1px; width: 52px;"></div>
<div class=borders style="border-top: 2px solid red; top: 160px; left: 52px; width: 44px;"></div>
<div class=borders style="border-top: 2px solid red; top: 189px; left: 52px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 206px; left: 1px; width: 53px;"></div>
<div class=borders style="border-left: 2px solid red; top: 214px; left: 1px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 214px; left: 95px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 249px; left: 95px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 244px; left: 52px; height: 6px;"></div>
<div class=borders style="border-top: 2px solid red; top: 214px; left: 1px; width: 96px;"></div>
<div class=borders style="border-top: 2px solid red; top: 243px; left: 52px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 248px; left: 52px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 277px; left: 1px; width: 96px;"></div>
<div style="position: absolute; left: 8px; top: 292px; direction: RTL;">
<div class=borders style="border-left: 2px solid red; top: 1px; left: 95px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 1px; left: 63px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 18px; left: 44px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 35px; left: 1px; height: 30px;"></div>
<div class=borders style="border-top: 2px solid red; top: 1px; left: 63px; width: 34px;"></div>
<div class=borders style="border-top: 2px solid red; top: 18px; left: 44px; width: 21px;"></div>
<div class=borders style="border-top: 2px solid red; top: 35px; left: 1px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 64px; left: 1px; width: 96px;"></div>
<div class=borders style="border-left: 2px solid red; top: 72px; left: 95px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 72px; left: 1px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 101px; left: 20px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 118px; left: 44px; height: 18px;"></div>
<div class=borders style="border-top: 2px solid red; top: 72px; left: 1px; width: 96px;"></div>
<div class=borders style="border-top: 2px solid red; top: 101px; left: 1px; width: 21px;"></div>
<div class=borders style="border-top: 2px solid red; top: 118px; left: 20px; width: 26px;"></div>
<div class=borders style="border-top: 2px solid red; top: 135px; left: 44px; width: 53px;"></div>
<div class=borders style="border-left: 2px solid red; top: 143px; left: 95px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 143px; left: 44px; height: 18px;"></div>
<div class=borders style="border-left: 2px solid red; top: 160px; left: 1px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 190px; left: 44px; height: 18px;"></div>
<div class=borders style="border-top: 2px solid red; top: 143px; left: 44px; width: 53px;"></div>
<div class=borders style="border-top: 2px solid red; top: 160px; left: 1px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 189px; left: 1px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 206px; left: 44px; width: 53px;"></div>
<div class=borders style="border-left: 2px solid red; top: 214px; left: 95px; height: 65px;"></div>
<div class=borders style="border-left: 2px solid red; top: 214px; left: 1px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 249px; left: 1px; height: 30px;"></div>
<div class=borders style="border-left: 2px solid red; top: 244px; left: 44px; height: 6px;"></div>
<div class=borders style="border-top: 2px solid red; top: 214px; left: 1px; width: 96px;"></div>
<div class=borders style="border-top: 2px solid red; top: 243px; left: 1px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 248px; left: 1px; width: 45px;"></div>
<div class=borders style="border-top: 2px solid red; top: 277px; left: 1px; width: 96px;"></div>
</div>
</body>
</html>