| <!DOCTYPE html> |
| <p>There should be a box with a rounded border and yellow background below. The start should be in |
| the first column. The end should be in the third column.</p> |
| <div style="width:41em; height:10.5em; line-height:2em; position:absolute; clip:rect(0,42em,10.5em,-1em);"> |
| <div style="float:left; width:13em; height:100%;"> |
| <br> |
| <div style="border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;"> |
| first column<br> |
| first column<br> |
| first column<br> |
| <br> |
| <br> |
| </div> |
| </div> |
| <div style="float:left; width:1em; height:100%;"></div> |
| <div style="float:left; width:13em; height:100%;"> |
| <div style="margin-top:-7em; border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;"> |
| first column<br> |
| first column<br> |
| first column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| <br> |
| <br> |
| </div> |
| </div> |
| <div style="float:left; width:1em; height:100%;"></div> |
| <div style="float:left; width:13em; height:100%;"> |
| <div style="margin-top:-17em; border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;"> |
| first column<br> |
| first column<br> |
| first column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| third column<br> |
| </div> |
| </div> |
| </div> |