|
13 | 13 | } |
14 | 14 | div { |
15 | 15 | background: red; |
| 16 | + border: 5px solid blue; |
16 | 17 | } |
17 | 18 | </style> |
18 | 19 |
|
19 | 20 | </head> |
20 | 21 | <body> |
21 | | -<div style="clip: rect(0px, 500px, 200px, 200px); position: absolute;">Some inline text <span> followed by text in span </span> followed by more inline text. |
| 22 | +<div style="clip: rect(0px, 400px, 50px, 200px); ">Some inline text <span> followed by text in span </span> followed by more inline text. |
| 23 | + <p>Then a block level element.</p> |
| 24 | + Then more inline text.</div> |
| 25 | + |
| 26 | +<div style="clip: rect(0px, 400px, 50px, 200px); position: relative; ">Some inline text <span> followed by text in span </span> followed by more inline text. |
| 27 | + <p>Then a block level element.</p> |
| 28 | + Then more inline text.</div> |
| 29 | + |
| 30 | +<div style="clip: rect(0px, 400px, 50px, 200px); position: fixed; ">Some inline text <span> followed by text in span </span> followed by more inline text. |
| 31 | + <p>Then a block level element.</p> |
| 32 | + Then more inline text.</div> |
| 33 | + |
| 34 | +<div style="clip: rect(0px, 400px, 50px, 200px); position: absolute; top: 250px; left: 500px;">Some inline text <span> followed by text in span </span> followed by more inline text. |
| 35 | + <p>Then a block level element.</p> |
| 36 | + Then more inline text.</div> |
| 37 | +</body> |
| 38 | + |
| 39 | +<div style="clip: rect(0px, 400px, 50px, 200px); position: absolute; top: 500px;">Some inline text <span> followed by text in span </span> followed by more inline text. |
22 | 40 | <p>Then a block level element.</p> |
23 | 41 | Then more inline text.</div> |
24 | 42 | </body> |
|
0 commit comments