OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 #shape-inside { | |
6 position: relative; | |
7 width: 200px; | |
8 height: 220px; | |
9 shape-inside: polygon(15px 20.5px, 165px 20.5px, 165px 195px, 15px 195px ); | |
10 } | |
11 #border { | |
12 position: absolute; | |
13 top: 13px; | |
14 left: 8px; | |
15 width: 161px; | |
16 height: 186px; | |
17 border: 2px solid blue; | |
18 } | |
19 </style> | |
20 </head> | |
21 <body> | |
22 <div id="shape-inside"> | |
23 <div id="border"></div> | |
24 This text should be contained by the blue square. | |
25 </div> | |
26 </body> | |
27 </html> | |
OLD | NEW |