servo/tests/ref/rtl_margin_a.html
Matt Brubeck dc19806b15 Fix positioning of RTL blocks with margins.
`BaseFlow::position` is relative to the parent flow's margin box in the inline
direction.  We need to use the parent's `position` as the container size when
translating it to physical coordinates, or we get incorrect results for
non-LTR content.
2015-05-14 09:23:15 -07:00

35 lines
549 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RTL margin test</title>
<style>
body {
margin: 8px;
}
#a {
direction: rtl;
}
#b {
border: 1px solid red;
width: 100px;
height: 100px;
}
#c {
border: 1px solid blue;
margin: 10px;
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<div id="a">
<div id="b">
<div id="c">
</div>
</div>
</div>
</body>
</html>