Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 #content { | |
| 6 font-size: 30px; | |
| 7 color: green; | |
| 8 } | |
| 9 | |
| 10 #image-shape { | |
| 11 float: left; | |
| 12 -webkit-shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://w ww.w3.org/2000/svg' width='100px' height='100px'><rect width='100' height='40'/> <rect y='90' width='100' height='40'/></svg>"); | |
|
Zoltan
2013/11/07 02:07:41
We don't use the -webkit- prefix anymore.
| |
| 13 } | |
| 14 </style> | |
| 15 </head> | |
| 16 <body> | |
| 17 <p>The lines of text below should appear to the right of the blue rectangles.< /p> | |
| 18 <div id="content"> | |
| 19 <IMG id="image-shape" src="data:image/svg+xml;utf8,<svg xmlns='http://www. w3.org/2000/svg' width='100px' height='100px' fill='blue'><rect width='100' heig ht='40'/><rect y='60' width='100' height='40'/></svg>"> | |
| 20 One<br>Two<br>Free<br>Four | |
| 21 </div> | |
| 22 </body> | |
| 23 </html> | |
| OLD | NEW |