| Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-edge-case-expected.html
|
| diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-edge-case-expected.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-edge-case-expected.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..0c994343f7523511f8458da1a4097d1dc21149de
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-edge-case-expected.html
|
| @@ -0,0 +1,39 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + #content {
|
| + font: 50px/1 Ahem, sans-serif;
|
| + -webkit-font-smoothing: antialiased;
|
| + color: green;
|
| + width: 300px;
|
| + border: 1px solid black;
|
| + }
|
| + #right-shape {
|
| + float: right;
|
| + width: 50px;
|
| + height: 50px;
|
| + background-color: blue;
|
| + }
|
| + #left-shape {
|
| + float: left;
|
| + width: 50px;
|
| + height: 50px;
|
| + background-color: blue;
|
| + }
|
| +</style>
|
| +</head>
|
| +<body>
|
| + <p>The blue squares on the left and right should be surrounded by three green squares.</p>
|
| + <div id="content">
|
| + <div style="text-align: right">
|
| + X<br>
|
| + <div id="right-shape"></div>
|
| + X<br>X
|
| + </div>
|
| + X<br>
|
| + <div id="left-shape"></div>
|
| + X<br>X
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 286813002:
[CSS Shapes] line height grows around polygon and incorrectly causes text to wrap to next line (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master