Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(98)

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-inline-elements.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectations Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #shape-inside {
6 font-size: 0;
7 width: 300px;
8 height: 300px;
9 shape-inside: rectangle(100px, 100px, 200px, 200px);
10 position: relative;
11 }
12 #border {
13 position: absolute;
14 width: 200px;
15 height: 200px;
16 left: 98px;
17 top: 98px;
18 border: 2px solid blue;
19 }
20 .inline {
21 width: 100px;
22 height: 100px;
23 display: inline-block;
24 background-color: green;
25 }
26 </style>
27 </head>
28 <body>
29 Should display a green square with a blue outline.
30 <div id="shape-inside">
31 <div id="border"></div>
32 <div class="inline"></div><div class="inline"></div><div class="inline"> </div><div class="inline"></div>
33 </div>
34 </body>
35 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698