Index: LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-lower-left-triangle-inline-content-expected.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-lower-left-triangle-inline-content-expected.html b/LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-lower-left-triangle-inline-content-expected.html |
deleted file mode 100644 |
index 3e2447a6f7ec79a99ad1baecb0e9b934fc7debf8..0000000000000000000000000000000000000000 |
--- a/LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-lower-left-triangle-inline-content-expected.html |
+++ /dev/null |
@@ -1,66 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
-<style> |
- #polygon-svg-shape { |
- position: absolute; |
- left: 0px; |
- top: 0px; |
- width: 200px; |
- height: 200px; |
- } |
- #shape-inside { |
- font: 20px Ahem, sans-serif; |
- line-height: 20px; |
- position: absolute; |
- left: 0px; |
- top: 0px; |
- padding-top: 20px; |
- } |
- #float { |
- position: absolute; |
- left: 0px; |
- top: 0px; |
- width: 50px; |
- height: 50px; |
- float: left; |
- margin-top: 50px; |
- background-color: yellow; |
- } |
- #side-of-float { |
- position: absolute; |
- top: 70px; |
- left: 50px; |
- width: 20px; |
- } |
- #below-float { |
- width: 200px; |
- margin-top: 70px; |
- |
- } |
- #overflow { |
- width: 200px; |
- margin-top: 10px; |
- } |
-</style> |
-</head> |
-<body> |
- <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"> |
- <polygon points="0,0 200,200 0,200" fill="#636363"></polygon> |
- </svg> |
- <div id="shape-inside"> |
- X |
- <div id="float"></div> |
- <div id="side-of-float">X X</div> |
- <div id="below-float">X X X <br/> X X X <br/> X X X X <br/> X X X X</div> |
- <div id="overflow">X X X X X X</div> |
- </div> |
- |
- <p style="margin-top: 250px;"> |
- There is a triangle shape-inside (represented by the matching filled SVG polygon), the shape-inside contains a 50x50px yellow float left, |
- the float should be at the very left and top position inside the triangle shape where it fits first. The inline content should start before the |
- yellow rectangle and then wrap around it. The overflow should be pushed under the triangle shape-inside. |
- </p> |
- <p>Bug <a href="http://webkit.org/b/102846">102846</a>: [CSS Shapes] Use the float height to determine position in shape-inside</p> |
-</body> |
-</html> |