Index: LayoutTests/fast/shapes/shape-inside/shape-inside-percentage.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-percentage.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-percentage.html |
index 4fcde36f22e9e48e6e858ff249da3f8afcb7fd6e..4cb7bd25d5fb9baedb905206412c0fc28f445ba1 100644 |
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-percentage.html |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-percentage.html |
@@ -7,10 +7,13 @@ |
</script> |
<style> |
#container { |
+ font: 20px Ahem, sans-serif; |
+ line-height: 20px; |
border: 2px solid blue; |
position: relative; |
width: 200px; |
height: 200px; |
+ margin-bottom: 60px; |
} |
#shape-inside { |
-webkit-shape-inside: rectangle(25%, 0, 50%, 25%); |
@@ -24,22 +27,16 @@ |
height: 50px; |
border: 2px solid green; |
} |
- #border-overflow { |
- position: absolute; |
- top: 50px; |
- width: 200px; |
- height: 150px; |
- border: 2px solid blue; |
- } |
</style> |
</head> |
<body> |
<div id="container"> |
<div id="border"></div> |
<div id="shape-inside"> |
- This text should wrap inside the green rectangle, and overflow should wrap |
- inside the blue rectangle. |
+ X X X X X X X X X X X X X X X X |
</div> |
</div> |
+ <p>Requires Ahem font. The content should start inside the green rectangle (shape-inside) and the overflow should be pushed below the content box (content-box's margin is blue). <br/> |
+ <p>Bug <a href="http://webkit.org/b/114526">114526</a>: [CSS Exclusions] shape-inside overflow should be pushed to the outside of the content box</p> |
</body> |
-</html> |
+</html> |