| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../../resources/ahem.js"></script> |
| 3 <style> | 4 <style> |
| 4 .container { | 5 .container { |
| 5 position: absolute; | 6 position: absolute; |
| 6 top: 0; | 7 top: 0; |
| 7 left: 0; | 8 left: 0; |
| 8 width: 100px; | 9 width: 100px; |
| 9 height: 100px; | 10 height: 100px; |
| 10 font: 30px / 1 Ahem, sans-serif; | 11 font: 30px / 1 Ahem, sans-serif; |
| 11 color: red; | 12 color: red; |
| 12 border: 1px solid green; | 13 border: 1px solid green; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 60 <div class="overlay"></div> | 61 <div class="overlay"></div> |
| 61 <div class="overlay" style="left: 140px"></div> | 62 <div class="overlay" style="left: 140px"></div> |
| 62 <div class="overlay" style="top: 140px"></div> | 63 <div class="overlay" style="top: 140px"></div> |
| 63 <div class="overlay" style="top: 140px; left: 140px;"></div> | 64 <div class="overlay" style="top: 140px; left: 140px;"></div> |
| 64 | 65 |
| 65 <p style="margin-top: 280px;">The content should wrap around the triangle shapes
, it should fit in the content box, so you should see four green rectangles. | 66 <p style="margin-top: 280px;">The content should wrap around the triangle shapes
, it should fit in the content box, so you should see four green rectangles. |
| 66 You shouldn't see any red.</p> | 67 You shouldn't see any red.</p> |
| 67 <p><a href='https://code.google.com/p/chromium/issues/detail?id=346877'>Issue 34
6877</a>: [CSS Shapes] Adjust lineTop position to the next available wrapping lo
cation at shape-outsides</p> | 68 <p><a href='https://code.google.com/p/chromium/issues/detail?id=346877'>Issue 34
6877</a>: [CSS Shapes] Adjust lineTop position to the next available wrapping lo
cation at shape-outsides</p> |
| 68 </body> | 69 </body> |
| 69 </html> | 70 </html> |
| OLD | NEW |