| <!DOCTYPE html> |
| <div style="columns: 2; width: 200px; height: 100px; column-gap: 0; column-fill: auto"> |
| <svg width="90" height="180"> |
| <rect x="0" y="0" width="100%" height="100%" fill="yellow"/> |
| <svg x="10" y="20" width="70" height="200"> |
| <rect x="0" y="0" width="100%" height="100%" fill="green"/> |
| <foreignObject x="10" y="20" width="60" height="180"> |
| <div style="width: 100%; height: 100%; background: blue"></div> |
| <div style="width: 100%; height: 100%; background: red">Invisible</div> |
| </foreignObject> |
| </svg> |
| </svg> |
| </div> |