Add the 'direction' property and fix one RTL layout corner case.

This commit is contained in:
Simon Sapin 2014-05-29 18:01:46 +01:00
parent 43beda87b2
commit f4ed464149
5 changed files with 54 additions and 7 deletions

View file

@ -0,0 +1,15 @@
<html>
<head>
<title>Block with over-contrained margins+borders+padding+width = containing block width</title>
<style>
body { width: 300px; margin: 0 }
p { background: green; width: 200px; height: 100px; margin: 20px 70px }
</style>
</head>
<body>
<p style="margin: 20px 70px"></p>
<p style="margin: 20px 70px; direction: rtl"></p>
<p style="margin: 20px 120px"></p>
<p style="margin: 20px 120px; direction: rtl"></p>
</body>
</html>