Index: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-expected.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-expected.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-expected.html |
index be1a4ca04892182501c152d1fe550e22a701f1c3..9dd810fb9f41f6e1f4da5ba46ea1e9de8e083ee3 100644 |
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-expected.html |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-expected.html |
@@ -3,33 +3,30 @@ |
<head> |
<style> |
#container { |
- border: 2px solid blue; |
position: relative; |
+ font: 20px Ahem, sans-serif; |
+ -webkit-font-smoothing: none; |
+ line-height: 20px; |
width: 200px; |
height: 200px; |
+ border: 2px solid blue; |
} |
- #border { |
- position: absolute; |
- left: 48px; |
+ #shape-inside { |
+ margin-top: -2px; |
+ padding-top: 1px; |
+ margin-left: 49px; |
width: 100px; |
- height: 50px; |
- border: 2px solid green; |
- } |
- .spacer { |
- width: 50px; |
- height: 50px; |
+ height: 49px; |
+ border: 1px solid green; |
} |
</style> |
</head> |
<body> |
<div id="container"> |
- <div id="border"></div> |
- <div id="shape-inside"> |
- <div class="spacer" style="float:left"></div> |
- <div class="spacer" style="float:right"></div> |
- This text should wrap inside the green rectangle, and overflow should wrap |
- inside the blue rectangle. |
- </div> |
+ <div id="shape-inside">X X X X X X</div> |
+ <div>X X X X X X</div> |
</div> |
+ <p>Requires Ahem font. The content should wrap inside the green rectangle, and the overflow should wrap inside the blue rectangle.</p> |
+ |
</body> |
</html> |