Index: LayoutTests/fast/shapes/shape-inside/shape-inside-bottom-edge-expected.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-bottom-edge-expected.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-bottom-edge-expected.html |
index 939a772ee637e70a54d03922569ec592e6133a87..d31b88fe57120f4e49197127f6c5776e778d8efe 100644 |
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-bottom-edge-expected.html |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-bottom-edge-expected.html |
@@ -9,11 +9,6 @@ |
outline: 2px solid green; |
} |
-.rounded-rectangle { |
- width: 100px; |
- height: 100px; |
-} |
- |
.details { |
padding-top: 15px; |
font-style: italic; |
@@ -26,33 +21,21 @@ |
<div class="box"> |
<p style="padding-top: 55px; padding-left: 25px;">Content1</p> |
</div> |
-<p class="details">There is a 400x50px shape-inside rectangle inside the green box.<br/>The Content1 text line's bottom equals to the shape-inside's rectangle bottom boundary, so it should fit in the shape-inside.</p> |
+<p class="details">There is a 400x50px shape-inside polygon inside the green box.<br/>The Content1 text line's bottom equals to the shape-inside's polygon bottom boundary, so it should fit in the shape-inside.</p> |
<hr> |
<div class="box"> |
<p style="padding-top: 100px;">Content2</p> |
</div> |
-<p class="details">There is a 400x50px shape-inside rectangle inside the green box.<br/>The Content2 text line overlaps with the shape-inside's rectangle bottom boundary, so the Content2 should be pushed below the content box.</p> |
+<p class="details">There is a 400x50px shape-inside polygon inside the green box.<br/>The Content2 text line overlaps with the shape-inside's polygon bottom boundary, so the Content2 should be pushed below the content box.</p> |
<hr> |
<div class="box"> |
<p style="padding-top: 100px;">Content3</p> |
</div> |
-<p class="details">There is a 400x50px shape-inside rectangle inside the green box.<br/>The Content3 text line starts after the shape-inside's rectangle bottom boundary, so the Content3 should be pushed below the content box.</p> |
-<hr> |
- |
-<div class="box rounded-rectangle"> |
- <p style="padding-top: 100px;">Content4</p> |
-</div> |
-<p class="details">There is a 100x100px shape-inside rounded rectangle inside the green box.<br/>The shape top and bottom boundaries match with the content box boundaries, the overflow should start on the left, below the green content box.</p> |
-<hr> |
- |
-<div class="box rounded-rectangle"> |
- <p style="padding-top: 100px;">Content5</p> |
-</div> |
-<p class="details">There is a 75x75px shape-inside rounded rectangle inside the green 100x100px box.<br/>The forth line should overflow, the overflow should start on the left, below the green content box.</p> |
+<p class="details">There is a 400x50px shape-inside polygon inside the green box.<br/>The Content3 text line starts after the shape-inside's polygon bottom boundary, so the Content3 should be pushed below the content box.</p> |
<hr> |
<p>Based on a recent change on the <a href="http://dev.w3.org/csswg/css-exclusions/#shape-inside-property">exclusions specification</a>. The 'shape-inside' property adds an exclusion area to the element's wrapping context. |